创建动态按钮时出现错误,以及如何在不使用id的情况下动态添加单击事件
error while creating dynamic button and how to add click event dynamically without using id
var shoplink= $("<button></button>")
.prop("id",i)
.val("view more")
.css({
width: '20px'
height: '20px'
});
当我使用这个按钮js文件不工作。我想添加点击事件的按钮动态不使用id。
CSS函数参数错误,您错过了,
和button
的value
attr仅用于表单数据,因此您应该使用text()
函数而不是val()
.css({
width: '20px' ,
height: '20px' /'
}); |----------------
Try this
var shoplink=$("<button></button>")
.prop("id","idBUTTON")
.text("view more")
.css({
width: '20px',
height: '20px'
});
演示try with逗号
var shoplink = $('<button></button>')
.prop('id',i)
.val('view more')
.css( { width : '20px',height : '20px' });
当你定义多个css属性时需要加逗号
var shoplink=$("<button></button>")
.prop("id","asdasdasd")
.text("view more")
.val("view more")
.css({ "width": "20px", "height": "20px" });
演示试试这个代码
var shoplink=$("<button></button>")
.prop("id",i)
.val("view more")
.css({
width: '20px',
height: '20px'
});
<html>
<head>
<script type="text/javascript" src="http://code.jquery.com/jquery-2.1.1.min.js"></script>
<script type="text/javascript" >
$( document ).ready(function () {
var shoplink=$("<button>")
.prop("id","sad")
.val("view more")
.html("Test")
.css({
width: '100px',
height: '20px'
});
$("#test").append(shoplink);
});
</script>
</head>
<body>
<div id="test" ></div>
</body>
</html>
相关文章:
- 使用getElementById设置动态ID的输入字段的样式
- Javascript:获取具有动态id的文本框值
- 如何添加动态Id's并在运行时提取它们
- 在追加一行并调用其中的时差函数时生成动态id
- 如何将所有动态id的arrey值获取到javascript VAR CID,以便在sql中找到匹配项
- 将动态ID传递到成功主干上的url
- 通过向动态id添加字符串,使用JavaScript控制文本框
- 如何简化Javascript动态ID
- 提交具有动态id的表单的数据
- 为jquery分配动态id
- 骨干路由器.导航如何传递动态ID
- 如何将动态 ID 值分配给标签
- 给出动态 id Angular2 绑定
- 如何在 PHP 和数据库中的 OpenTracker() 中传递动态 ID
- 选择具有动态 ID 的特定 tr 的特定 td
- 如何在javascript中使用动态ID删除文本框
- 如何在 javascript 中处理具有动态 ID 的事件
- 如何使用 getElementById 和 c# 变量设置动态 id
- 尝试将列表项追加到动态 id
- 如何在 jQuery 中创建动态 ID