Создайте плагин jQuery, который не отражает результат в одном и том же дублирующем классе

Question

Создайте плагин jQuery, который не отражает результат в одном и том же дублирующем классе

0

Я пытаюсь создать jquery-плагин, который отражает результат только по классу perticular только не на всех одинаковых классах

Плагин jQuery

(function( $ ){
  $.fn.tooltip = function( options ) {    
    var settings = $.extend( {
      'content'         : 'top'      
    }, options);    
    return this.each(function() {       
      $(this).html(settings.content);
    });
  };
})( jQuery );

вызывающий плагин

<body>

<div class="toolbar"></div>

<script type="text/javascript">
$('.toolbar').tooltip({
    content:'this is first'
});
</script>

<div class="toolbar"></div>
<script type="text/javascript">
$('.toolbar').tooltip({
    content:'this is second'
});
</script>

</body>

Я ожидал результата:

this is first   
this is second

Но отображение результата:

this is second
this is second

Итак, как создать плагин, который отражает только конкретный класс.

Vishakha Pol 24 сен. 2013, в 07:10

Источник

Теги:

jquery

jquery-plugins

1 ответ

Ещё вопросы

trrrrrrm · Accepted Answer · 2013-09-24T03-03-00.000Z

Добавьте класс, чтобы сообщить вашему плагину, что вы уже сделали этот тег, прежде чем что-то подобное

(function( $ ){
  $.fn.tooltip = function( options ) {    
    var settings = $.extend( {
      'content'         : 'top'      
    }, options);    
    return this.not('.tooltiped').each(function() {       
       $(this).html(settings.content);
    }).addClass('tooltiped');
  };
})( jQuery );

Пример:

http://jsfiddle.net/k7m6x/

ОБНОВИТЬ

как предложил Sheikh Heera если вы только меняете содержимое элемента, то этого кода достаточно:

  return this.not('.tooltiped').html(settings.content).addClass('tooltiped');

Почему each цикл работает только тогда, когда изначально доступен только один элемент.
Этого достаточно, чтобы return this.not('.tooltiped').html(settings.content).addClass('tooltiped');
ну, это зависит от того, хочет ли он только изменить содержимое. Я согласен, этого достаточно, но если каждый элемент будет иметь разные свойства, он должен зацикливаться.