我想使用 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 after()
button = $('<button id="WPshare" onclick="window.plugins.socialsharing.share(\'Share this message\', null, null, null)">Share</button>');
$('#share ul').after(button);
button.button();
Demo Fiddle
button.button()
是用于按钮的 jQuery 移动函数。它提供了一个具有 JQM 风格的功能按钮。
var button = $('<button id="WPshare" onclick="window.plugins.socialsharing.share(\'Share this message\', null, null, null)">Share</button>');
$('#share').append(button);
button.button();
关于javascript - 如何使用 jQuery Mobile 动态创建按钮?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24222408/