jQuery如何插件:滑块作为多个实例工作?

时间:2011-05-24 21:25:42

标签: jquery slider multiple-instances

编辑:我认为我想要做的是根据这里的评论制作一个插件。我在这里阅读了jquery插件/创作页面:http://docs.jquery.com/Plugins/Authoring 虽然我有点看到他们要去的地方,但我仍然很困惑如何将我所写的作品作为插件。我不确定的是如何采用为解决特定类工作而编写的内容,使其不会对类的每个实例应用相同的内容。即如果我在div中测量容器,并且这些容器的大小不同或内容不同,我该如何确保每个容器都是唯一的测量...

如果有人能指出我如何转向:

//dynamically set the size
          var Product = $('div.RecommendedProducts > ul.GridviewList > li');
          var ProdWidth = Product.outerWidth(true);
          var numberOfProds = $('div.RecommendedProducts > ul.GridviewList > li').length;
          var containerSize = ProdWidth * numberOfProds;

        $('div.RecommendedProducts > ul.GridviewList').css('width',containerSize+"px");

在多个不同大小的容器上作为插件的一部分工作的东西,我想我可以弄清楚如何做其余的事情。我只是把头缠在它周围。

原始问题(如果有助于参考):

我有一个我写的滑块/旋转器脚本,我希望能够在同一页面上使用多个实例,但我不确定如何做到这一点并且无法绕过我的思绪它。如果有人可以提供一些关于如何修改我的代码的建议,甚至是关于这个主题的一些文章我会很感激。 我确定我需要使用$(this)所以它相对于任何控件都被点击了,但我不确定的是在加载的情况下该做什么,根据对象的数量动态计算出大小以及物体的位置。 脚本有点长,所以我将包含一个指向html和js的链接: http://iwrb.idleprattle.com/Slider.htm http://iwrb.idleprattle.com/script/slider.js 它是下面的部分我不知道如果它们的大小不同,如何使用多个实例:

//dynamically set the size
      var Product = $('div.RecommendedProducts > ul.GridviewList > li');
      var ProdWidth = Product.outerWidth(true);
      var numberOfProds = $('div.RecommendedProducts > ul.GridviewList > li').length;
      var containerSize = ProdWidth * numberOfProds;
    //start recommended product count

    $('div.RecommendedProducts > ul.GridviewList').css('width',containerSize+"px");

0 个答案:

没有答案