编辑:我认为我想要做的是根据这里的评论制作一个插件。我在这里阅读了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");