如何使用jQuery Mobile动态创建按钮
How to create a button dynamically using jQuery Mobile?
我想使用jQuery动态创建一个按钮。请注意,我使用jQuery 1.9.1和jQuery Mobile 1.3.1。该按钮应该具有以下属性:
<button id="WPshare" onclick="window.plugins.socialsharing.share('Share this message', null, null, null)">Share</button>
我有以下HTML:
<div id="finalPage" data-role="page" data-add-back-btn="false">
<div data-role="header" data-position="fixed" data-tap-toggle="false">
<h1>Result</h1>
</div>
<div id="share" data-role="content">
<ul data-role="listview" id="myTripView" data-inset="true" data-theme="d">
<li>
<a href="#home" data-transition="slide" style="font-size:14px;">Home</a>
</li>
</ul>
</div>
</div>
我想在div中创建id为"share",它应该在<ul>
元素下。有什么办法吗?
使用jQuery 后()
button = $('<button id="WPshare" onclick="window.plugins.socialsharing.share(''Share this message'', null, null, null)">Share</button>');
$('#share ul').after(button);
button.button();
演示小提琴
button.button()
是一个jQuery移动按钮函数。它提供了一个功能性和JQM风格的按钮。
或.append ()
var button = $('<button id="WPshare" onclick="window.plugins.socialsharing.share(''Share this message'', null, null, null)">Share</button>');
$('#share').append(button);
button.button();
shaunakde的回答将工作,但我认为这种方式更"清楚":
$("<button>", {
'id' : "WPshare",
text: 'Share',
})
.on("click", function() {
window.plugins.socialsharing.share(''Share this message'', null, null, null)"
}).appendTo("#share");
相关文章:
- 创建按钮,根据表单字段中的数据获取特定的URL
- 当我通过.aspx.cs创建按钮时,它不起作用
- 创建按钮不调用表单内的任何操作
- Internet Explorer 8不允许动态创建按钮
- 如何在不加载页面的情况下创建按钮事件
- 使用动态创建按钮单击事件未触发
- “创建”按钮,用于切换不包含特定文本颜色的表行的可见性
- Javascript创建按钮不会显示在HTML中
- 函数创建按钮,带有传递参数的 onclick 函数
- JavaScript jQuery Mobile 在 for 循环中创建按钮
- 火狐工具栏上的创建按钮来执行JS
- 使用 JavaScript 在 for 循环中创建按钮
- 如何创建按钮转到测验软件中的下一个问题
- 需要帮助创建按钮以激活 JavaScript 函数
- 使用javascript从服务器端的名称列表中创建按钮/href
- 如何用JavaScript用onclick创建按钮
- 创建按钮时陷入无休止的循环
- 如何覆盖剑道网格中的创建按钮单击
- 动态创建的DIV在其他创建按钮中的位置
- 创建按钮到函数Javascript