Question

我实际上正在使用jQuery Mobile构建一个Web应用程序。我的网页上有很多带有特价data-role的元素，我想根据他们的div在主页上随机显示其中一些data-role。

可能吗？如果是的话，你们中有些人知道怎么做吗？

HTML：

<div id="home" data-role="page" data-theme="b">
    <div class="content" data-role="content"> </div></div>

我的HTML文件中的网页元素：

  <div data-role="place">
       <h1 class="blue">Ballymastocker's beach</h1>
        <p>Ballymastocker, Fanad, Co. Donegal, Ireland. <br/> </p>

       <a href="#gmap"><img src="img/exploring/lakes-beaches/ballymastocker1.jpg" /></a>
        <a href="#" data-role="button" data-icon="arrow-r" data-iconpos="right">Read More</a><br/><br/>
    </div>

     <div data-role="place">
          <h1 class="blue">Coral beach</h1>
          <p>Coral beach, Saint John's point, Co. Donegal, Ireland. <br/> </p>
        <a href="#gmap"><img src="img/exploring/lakes-beaches/coralbeach1.jpg" /></a>
        <a href="#" data-role="button" data-icon="arrow-r" data-iconpos="right">Read More</a><br/><br/>
     </div>


     <div data-role="place">       
         <h1 class="blue">Dunfanhagy's beach</h1>
            <p>Dunfanhagy, Co. Donegal, Ireland. <br/> </p>
           <a href="#gmap"><img src="img/exploring/lakes-beaches/dunfanhagy1.jpg" /></a>
            <a href="#" data-role="button" data-icon="arrow-r" data-iconpos="right">Read More</a><br/><br/>
      </div>

我在下面提供了Js脚本：

$( "div[data-role='place']" ).each(function( home ) {
   if ( Math.random() < 0.5 ) $( this ).hide();
});

但没有任何事情发生。有人知道为什么吗？

查看here

Answer 1

$( "div[data-role]" ).each(function( index ) {
   if ( Math.random() < 0.5 ) $( this ).hide();
});

使用jQuery Mobile根据数据角色显示随机div

1 个答案: