使用 jquery 创建唯一 id 以在 bxslider 中使用

发布于 2024-12-07 02:38:29 字数 764 浏览 6 评论 0原文

我想这很简单，但我对 jquery 没有任何经验。我在我的 WordPress 主题中发布的每篇文章中都使用 bxslider，并且需要 jquery 指向许多唯一的 id，不仅指向 work1，还指向 work2、work3 等。

The markup is this:
<ul id="work1">
<li></li>
<li></li>
</ul>

<ul id="work2">
<li></li>
<li></li>
</ul>

...

和代码：

    <script type="text/javascript">
    jQuery(document).ready(function(){
    jQuery('#work1').after('<div class="work-pager"></div>');
    jQuery('#work1').bxSlider({
    mode: 'horizontal',
    infiniteLoop: false,
    speed: 500,
    pause: 8000,
    auto: false,
    pager: true,
    controls: false,
    pagerSelector: '.work-pager'
     });
    });
    </script>

原文

I guess this is pretty simple but I have no experience with jquery whatsoever. I'm using bxslider in every post I post in my wordpress theme and need the jquery to point to numerous unique id's, not only to work1, but work2, work3 and so on.

The markup is this:
<ul id="work1">
<li></li>
<li></li>
</ul>

<ul id="work2">
<li></li>
<li></li>
</ul>

...

And the code:

    <script type="text/javascript">
    jQuery(document).ready(function(){
    jQuery('#work1').after('<div class="work-pager"></div>');
    jQuery('#work1').bxSlider({
    mode: 'horizontal',
    infiniteLoop: false,
    speed: 500,
    pause: 8000,
    auto: false,
    pager: true,
    controls: false,
    pagerSelector: '.work-pager'
     });
    });
    </script>

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

三生池水覆流年 2024-12-14 02:38:29

function findNewId() {
    var i = 0;
    while(1) {
      if($('#work'+i).size()==0) return 'work'+i;
      i++;
    }
}
$('ul').each(function() {
  $(this).attr('id',findNewId());
});

这应该可以解决问题。 JSFIDDLE

function findNewId() {
    var i = 0;
    while(1) {
      if($('#work'+i).size()==0) return 'work'+i;
      i++;
    }
}
$('ul').each(function() {
  $(this).attr('id',findNewId());
});

This should do the trick. JSFIDDLE

回复收藏 0 原文

~没有更多了~