C# 分别移动每个javascript项

我使用的是网站上的旋转木马示例。 对于页面上的一个旋转木马，它工作得很好，但是当我在同一页面上有多个旋转木马时，它只显示顶部旋转木马的导航按钮，当顶部旋转木马移动时，所有其他旋转木马都会移动。 我试着让他们中的每一个人都能独立行动

              <script src="/Scripts/jMyCarousel.js" type="text/javascript"></script>
              ...

             foreach(something)
             {
              <div class="jMyCarousel">
                 <ul>
                    <li>image1</li>
                    <li>image1</li>
                    ...
                 </ul>
              </div>
             }
              ...

             <script type="text/javascript">
                $(function() {
                $(".jMyCarousel").jMyCarousel({ visible: '50%', eltByElt: true });
                });
             </script>

据我所知，如果在脚本的最后一部分中我使用了类，例如.jMyCarousel，那么它应该为每个具有此类名的项创建一个新的旋转木马。。但在这里情况并非如此

---

知道如何使每个转盘独立吗？

为您找到了此链接

他们在这里演示了多个实例

查看演示页面中的代码：

    $(function() {
        $(".JMyCarousel#carousel1").jMyCarousel({
            visible: '100%'
        });
        $(".JMyCarousel#carousel2").jMyCarousel({
            visible: '4',
            eltByElt: true,
            evtStart: 'mousedown',
            evtStop: 'mouseup'
        });
        $(".JMyCarousel#carousel3").jMyCarousel({
            visible: '3',
            auto : false, 
            vertical : true,
            speed : 500
        });
    });

我知道你不知道会有多少个div，所以这对你来说是个问题。

---

您不能动态创建ID吗？

不要使用“按原样”选择器。这不是一个真正的迭代。使用迭代器并为每个循环应用行为。例如：

$(".jMyCarousel").each(function(){ 
    $(this).jMyCarousel({ visible: '50%', eltByElt: true });
});

---

我发布了我的评论作为答案，这样你就可以结束这个问题了：

你能给出divs id，然后在jquery中使用id吗。e、 你是什么意思？给他们所有相同的id，用它来代替类名？我不想要一个帖子来回答，因为我担心会被否决，因为这只是一个猜测，但你能不能去。。。然后为每个div$jMyCarousel1.jMyCarousel{visible:'50%'，eltByElt:true}设置jquery事件；等等…问题是我不知道我会有多少个div。。它来自foreach循环。给出一个类名基本上可以解决这个问题，但事实并非如此：不要使用“原样”选择器。这不是一个真正的迭代。使用迭代器并为每个循环应用行为。示例：$.jMyCarousel.eachfunction{$this.jMyCarousel{visible:'50%'，eltByElt:true}；}；