php按钮如何加显示不出来,javascript - 点击按钮 显示更多,自定义变量显示不出来?...
点击按钮 显示更多,自定义变量显示不出来?
提示错误信息:、
想要达到的效果:
点击按键一次更多,多显示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 - 点击按钮 显示更多,自定义变量显示不出来?...相关推荐
- 实现秒表功能 : 显示时,分,秒 , 点击按钮开始计时
<!DOCTYPE html> <html><head><meta charset="UTF-8"><title>pra ...
- vue实现显示10条数据点击查询看更多
vue实现显示10条数据点击查询看更多- 要求如下: 当页面的数据超过10条时只显示10条 且显示 点我查看更多喔~ 每次点击 页面数据增加10条 思路解析: 如题 假设有20条数据== 只显示1 ...
- PHP js 点击按钮 切换模版,javascript点击按钮实现隐藏显示切换效果_javascript技巧...
本文实例分享了点击按钮实现隐藏和显示的切换代码,供大家参考,具体内容如下 效果图: 在不少应用中,都有这样的功能,点击同一个按钮可以实现一个元素的显示和隐藏的切换,下面就通过代码实例介绍一下如何实现此 ...
- javascript点击按钮,复制文本
let oInput = document.createElement('input'); oInput.value = "复制文本"; document.body.appendC ...
- angular点击按钮弹出页面_Axure RP8:如何做出点击按钮切换页面效果?
如何利用Axure RP8做出点击按钮切换页面效果?一起来文中看看~ 先来看一下页面的效果图:点击不同的按钮,切换不同的页面.(是web端和手机端都很常见的交互效果) 实现这一效果大致要分为三个步骤: ...
- 点击按钮重新加载ajax,Jquery AJAX点击链接,然后重新加载页面
我审查了其他帖子和一些帮助我,但因为我不精通JQuery或AJAX,我想确保我正在做我需要正确的.Jquery AJAX点击链接,然后重新加载页面 在我的主页(基本URL)上,我有2个不同的输出,基于 ...
- php点击按钮显示隐藏代码,jQuery中点击按钮实现显示与隐藏的方法
jQuery能够简单快捷的实现很多功能,因此在前端开发中被广泛使用,正在学习jQuery的小伙伴,你会用jQuery实现点击显示再次点击隐藏的效果吗(即jQuery二次点击隐藏)?这篇文章就和大家讲讲 ...
- javascript点击按钮循序和循环播放轮播图片
循序和循环播放轮播图片 <style>* {padding: 0;margin: 0;}#place{width: 800px;text-align: center;margin: 0 a ...
- javascript : 点击按钮,把某标签中的内容复制到剪贴板
需求如题. 静态页面如下. 需要的库:jquery(不用应该也能做). 浏览器:PC chrome 68 Mobile MIUI9.5(Android 7) <p>1.用电脑打开网址:&l ...
最新文章
- 手机访问PC网站自动跳转到手机网站代码
- java struts 文件下载_Struts2文件下载实例
- Java多线程干货系列(1):Java多线程基础
- Android第三夜
- Easystructure教程_C语言源代码自动生成流程图
- MySQL 数据库架构
- Unable to instantiate service com.baidu.android.pushservice.PushService: java.lang.ClassNotFoundExc
- u-boot-2016.09 make工具之fixdep
- 双碳实力 | 谱尼成为上海市环境保护产业协会应对气候变化专委会成员单位
- java 订单支付宝_Java支付宝订单查询
- 英语考研——因果状语从句
- Turtle 模块基础详解-画直线
- 方案系列--多个应用同时接入Google和Facebook三方登陆互联互通解决方案
- 请告诉我IT行业缺少怎样的人
- 数据降维处理(PCALAD)
- 会python_20小时学会Python,可能吗?
- 十分钟看懂图像语义分割技术
- 存储一万亿张图片,需要怎样的架构?
- 4000GB、数百亿条个人信息泄露!大数据行业知名企业数据堂被查
- php 日期单数 复数,参考ROR中的单复数转换,写一个PHP的单复数转换类