jQuery Как подключить: слайдер работает как несколько экземпляров? - PullRequest
Новая
       7

jQuery Как подключить: слайдер работает как несколько экземпляров?

0 голосов
/ 25 мая 2011

Редактировать: я думаю, что я хочу сделать, это создать плагин на основе комментариев здесь. Я перечитал страницу плагина / авторизации 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");
...