点击按钮 显示更多,自定义变量显示不出来?

提示错误信息:、

想要达到的效果:

点击按键一次更多,多显示3条信息

显示更多

支持

小明1这是我的个性签名

288个赞同

本回答分成【旅游版】和【日常版】,游客和长时间生活在长沙的人需求不一样所以分开写啦。高票答主提到的那些也不赘述。

支持

小明2这是我的个性签名

288个赞同

本回答分成【旅游版】和【日常版】,游客和长时间生活在长沙的人需求不一样所以分开写啦。高票答主提到的那些也不赘述。

更多

$(document).ready(function() {

// console.log(00);

$(".more").click(function(){

// console.log(0);

var name="用户名";

var bio="个性签名";

var num="赞同数";

var answer="回答内容";

var more="

支持

"+name+""+bio+"

"+num+"个赞同

"+ answer+"

";

// var more="

支持

何大宝1这是我的个性签名

288个赞同

本回答分成【旅游版】和【日常版】,游客和长时间生活在长沙的人需求不一样所以分开写啦。高票答主提到的那些也不赘述。

";

// $(".more").before("abc");

for(var i=0;i<3;i++){

$(".more").before(more);

}

})

});

CSS部分

body,ul,li,p,input,dt,dl,dd,form,textarea,th,td,select,h1,h2,h3,h4,h5,h6,a,p{

padding:0px;

margin:0px;

}

body{

font-size: 14px;

font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;

background: #fff;

}

.container{

width: 640px;

margin: 50px auto;

}

.arctive{

position: relative;

padding-bottom: 12px;

border-bottom: 1px solid #eee;

margin-bottom: 14px;

}

.votebar{

background:#eff6fa;

width:38px;

/*height: 28px;*/

color:#698ebf;

line-height: 28px;

/*padding:2px 0;*/

text-align: center;

position: absolute;

left: -50px;

border-radius: 4px;

}

.author{

color:#333;

}

.author b{

color:#000;

padding-right: 7px;

}

.author p{

line-height: 1.8em;

}

.content{

line-height: 1.5em;

}

.votebar_icon {

width: 0px;

height: 0px;

border: 6px solid transparent;

border-bottom: 6px solid #698ebf;

display: block;

margin-left: 13px;

}

.more{

color: #666!important;

text-shadow: 0 1px 0 #fff;

background: #f1f1f2;

background: -webkit-linear-gradient(top,#f8f8f9,#e6e6e8);

background: linear-gradient(to bottom,#f8f8f9,#e6e6e8);

border: 1px solid #bbb;

box-shadow: 0 1px 0 #fff inset,0 1px 0 rgba(0,0,0,.1);

padding:6px;

text-align: center;

margin-top: 20px;

display: block;

}

php按钮如何加显示不出来,javascript - 点击按钮 显示更多,自定义变量显示不出来?...相关推荐

  1. 实现秒表功能 : 显示时,分,秒 , 点击按钮开始计时

    <!DOCTYPE html> <html><head><meta charset="UTF-8"><title>pra ...

  2. vue实现显示10条数据点击查询看更多

    vue实现显示10条数据点击查询看更多- 要求如下: ​ 当页面的数据超过10条时只显示10条 且显示 点我查看更多喔~ 每次点击 页面数据增加10条 思路解析: 如题 假设有20条数据== 只显示1 ...

  3. PHP js 点击按钮 切换模版,javascript点击按钮实现隐藏显示切换效果_javascript技巧...

    本文实例分享了点击按钮实现隐藏和显示的切换代码,供大家参考,具体内容如下 效果图: 在不少应用中,都有这样的功能,点击同一个按钮可以实现一个元素的显示和隐藏的切换,下面就通过代码实例介绍一下如何实现此 ...

  4. javascript点击按钮,复制文本

    let oInput = document.createElement('input'); oInput.value = "复制文本"; document.body.appendC ...

  5. angular点击按钮弹出页面_Axure RP8:如何做出点击按钮切换页面效果?

    如何利用Axure RP8做出点击按钮切换页面效果?一起来文中看看~ 先来看一下页面的效果图:点击不同的按钮,切换不同的页面.(是web端和手机端都很常见的交互效果) 实现这一效果大致要分为三个步骤: ...

  6. 点击按钮重新加载ajax,Jquery AJAX点击链接,然后重新加载页面

    我审查了其他帖子和一些帮助我,但因为我不精通JQuery或AJAX,我想确保我正在做我需要正确的.Jquery AJAX点击链接,然后重新加载页面 在我的主页(基本URL)上,我有2个不同的输出,基于 ...

  7. php点击按钮显示隐藏代码,jQuery中点击按钮实现显示与隐藏的方法

    jQuery能够简单快捷的实现很多功能,因此在前端开发中被广泛使用,正在学习jQuery的小伙伴,你会用jQuery实现点击显示再次点击隐藏的效果吗(即jQuery二次点击隐藏)?这篇文章就和大家讲讲 ...

  8. javascript点击按钮循序和循环播放轮播图片

    循序和循环播放轮播图片 <style>* {padding: 0;margin: 0;}#place{width: 800px;text-align: center;margin: 0 a ...

  9. javascript : 点击按钮,把某标签中的内容复制到剪贴板

    需求如题. 静态页面如下. 需要的库:jquery(不用应该也能做). 浏览器:PC chrome 68 Mobile MIUI9.5(Android 7) <p>1.用电脑打开网址:&l ...

最新文章

  1. 手机访问PC网站自动跳转到手机网站代码
  2. java struts 文件下载_Struts2文件下载实例
  3. Java多线程干货系列(1):Java多线程基础
  4. Android第三夜
  5. Easystructure教程_C语言源代码自动生成流程图
  6. MySQL 数据库架构
  7. Unable to instantiate service com.baidu.android.pushservice.PushService: java.lang.ClassNotFoundExc
  8. u-boot-2016.09 make工具之fixdep
  9. 双碳实力 | 谱尼成为上海市环境保护产业协会应对气候变化专委会成员单位
  10. java 订单支付宝_Java支付宝订单查询
  11. 英语考研——因果状语从句
  12. Turtle 模块基础详解-画直线
  13. 方案系列--多个应用同时接入Google和Facebook三方登陆互联互通解决方案
  14. 请告诉我IT行业缺少怎样的人
  15. 数据降维处理(PCALAD)
  16. 会python_20小时学会Python,可能吗?
  17. 十分钟看懂图像语义分割技术
  18. 存储一万亿张图片,需要怎样的架构?
  19. 4000GB、数百亿条个人信息泄露!大数据行业知名企业数据堂被查
  20. php 日期单数 复数,参考ROR中的单复数转换,写一个PHP的单复数转换类

热门文章

  1. video视频多个循环播放
  2. 激光雷达(LiDAR)辐射对身体有害吗?
  3. linux下罗技摄像头采集图片,网络摄像头罗技和Linux
  4. Android studio的ADBWifi使用
  5. 使用Jmeter输出错误响应结果到日志
  6. 提取文件名+复制+改名+批量创建文件程序(Excel VBA版)
  7. 苹果发布会:或将发布一款付费游戏订阅服务
  8. div显示在上层_如何让div总是显示在最上层,而不致于被其他div遮挡
  9. 如何才能让你的网店生意好到爆?
  10. Aliyun-OSS海量存储