jquery mobile 多选框无效

Question

动态生成时，需要进行渲染刷新，类似下面$("input[type='checkbox']").checkboxradio("refresh");还有楼主这多选是一组，name属性是不是得保持一致啊

Answer 1

jquerymobile 动态生成的元素需要局部刷新 ，否则是不能显示的。

Answer 2

你可以把你的内容放到以个div中 ，之后刷新这个div 就能显示了 。$("#div").trigger("create");

Answer 3

好吧  好像是要渲染  
那这个呢  tab 切换的 我也试了好多次 没有效果  现在放进来 静态的都没效果了 。人品差啊 <div data-role="tabs">
<div data-role="navbar">
<ul>
      <li><a href="#one" data-theme="a" data-ajax="false">one</a></li>
      <li><a href="#two" data-theme="a" data-ajax="false">two</a></li>
      <li><a href="#three" data-theme="a" data-ajax="false">three</a></li>
    </ul>
</div>

<div id="one" class="ui-content">
<h1>First tab contents</h1>
</div>
<div id="two" class="ui-content">
<ul data-role="listview">
    <li><a href="#">Acura</a></li>
    <li><a href="#">Audi</a></li>
    <li><a href="#">BMW</a></li>
    <li><a href="#">Cadillac</a></li>
    <li><a href="#">Ferrari</a></li>
</ul>
</div>
<div id="three" class="ui-content">
<h1>First tabthreethreethreethreethreethree contents</h1>
</div>
</div>

Answer 4

那这个呢  tab 切换的 我也试了好多次 没有效果  现在放进来 静态的都没效果了 。人品差啊 <div data-role="tabs">
<div data-role="navbar">
<ul>
      <li><a href="#one" data-theme="a" data-ajax="false">one</a></li>
      <li><a href="#two" data-theme="a" data-ajax="false">two</a></li>
      <li><a href="#three" data-theme="a" data-ajax="false">three</a></li>
    </ul>
</div>

<div id="one" class="ui-content">
<h1>First tab contents</h1>
</div>
<div id="two" class="ui-content">
<ul data-role="listview">
    <li><a href="#">Acura</a></li>
    <li><a href="#">Audi</a></li>
    <li><a href="#">BMW</a></li>
    <li><a href="#">Cadillac</a></li>
    <li><a href="#">Ferrari</a></li>
</ul>
</div>
<div id="three" class="ui-content">
<h1>First tabthreethreethreethreethreethree contents</h1>
</div>
</div>

Answer 5

那这个呢  tab 切换的 我也试了好多次 没有效果  现在放进来 静态的都没效果了 。人品差啊 <div data-role="tabs">
<div data-role="navbar">
<ul>
      <li><a href="#one" data-theme="a" data-ajax="false">one</a></li>
      <li><a href="#two" data-theme="a" data-ajax="false">two</a></li>
      <li><a href="#three" data-theme="a" data-ajax="false">three</a></li>
    </ul>
</div>

<div id="one" class="ui-content">
<h1>First tab contents</h1>
</div>
<div id="two" class="ui-content">
<ul data-role="listview">
    <li><a href="#">Acura</a></li>
    <li><a href="#">Audi</a></li>
    <li><a href="#">BMW</a></li>
    <li><a href="#">Cadillac</a></li>
    <li><a href="#">Ferrari</a></li>
</ul>
</div>
<div id="three" class="ui-content">
<h1>First tabthreethreethreethreethreethree contents</h1>
</div>
</div>
JQM tab 默认没有刷新方法，使用3#的$("#div").trigger("create");方法也无效
需要对JQM进一步封装，新增refresh