создание плагина jquery - не работает при использовании на одном элементе дважды

Question

Я использовал prototypeJS до сих пор, так что прости меня за этот вопрос Nooby JQuery: P

Взгляните на это: http://jsfiddle.net/wAcVs/

Плагин применяется к # cont1 при загрузке. # cont2 не был затронут до сих пор. Когда вы нажимаете на кнопки вверху, вы видите, что он работает для # cont2, но не для # cont1.

Я вижу аргументы от

$('#cont1').myPlugin({id:'321', width:'200', height:'100'}) 

вступают в силу для моей переменной options, но с тех пор «this» становится пустым, и элемент вообще не меняется.

Как я могу заставить это работать?

Заранее спасибо!

Answer 1

Он не работает дважды, потому что вы меняете идентификатор на что-то другое, поэтому при использовании $("#cont1"), например, нечего искать.Если вы просто удалите .attr('id', 'plugin_'+options.id), вы увидите, что он работает.

Вы можете проверить его с изменениями здесь , обратите внимание, что я изменил селектор .changed, так как, когдаидентификатор остается, CSS-селекторы #cont1 и #cont2 более специфичны, чем просто .changed.