有没有办法让 jQuery Mobile 将 javascript 生成的链接呈现为按钮小部件,就像它在加载页面时自动执行的那样?
我有这样的javascript来动态创建链接:
var ws=document.getElementById('workspace'); // empty <div id="workspace"></div>
ws.innerHTML='<a id="myb" href="foo.php" data-role="button">baz</a>';
当然它只生成一个普通的链接而不是一个按钮,所以我的问题是如何让 jQueryMobile 动态创建按钮,如果<a id="myb" href="foo.php" data-role="button">baz</a>
从一开始就出现在页面中,它会这样做吗?
编辑 :
像这样的脚本:
$('#tagspace').html('<a id="myb" data-inline="true" data-ajax="false"
href="boo.php" data-role="button">baz</a>')
.button()
.click(function() { window.location.href=this.href;});
是一种改进。它确实会产生一个按钮(整个页面宽度),并且对标签文本之外的点击很敏感。但是,this
似乎没有映射到包含预期链接“目标”的元素。
这个的 DOM 结果:
<div aria-disabled="false" class="ui-btn ui-shadow ui-btn-corner-all ui-fullsize
ui-btn-block ui-btn-up-c" data-mini="false" data-inline="false" data-theme="c" data-iconpos="" data-icon="" data-wrapperels="span" data-iconshadow="true" data-shadow="true" data-corners="true"> <span class="ui-btn-inner ui-btn-corner-all">
<span class="ui-btn-text">baz</span>
</span>
<div aria-disabled="false" class="ui-btn-hidden" id="tagspace"> <a id="myb" data-inline="true" data-ajax="false" href="boo.php" data-role="button">baz</a>
</div>
</div>
所以,它仍然不是同一种按钮。