Как ограничить количество всплывающих окон?
 

Всем привет! Помогите разобраться с такой ситуацией: есть интернет-магазин на ucoz, при клике на поле ввода количества товара (id="qid-110122-basket") появляется окно с акцией, которое можно закрыть. Вызываю так:

<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.4/themes/smoothness/jquery-ui.css">
  <script src="http://code.jquery.com/ui/1.10.4/jquery-ui.js"></script>
<script>
 $(function() {
 $( "#qid-110122-basket" ).click(function(){ 
 $('#dialog1').dialog();
 });
 });
 </script>
 
<div id="dialog1" title="Специальное предложение!" style="display:none;">
<img src="mt/1.jpg" width="730px">
</div>

Проблема в том, что у меня после клика на поле вылетает сразу 12 окон. На самой странице 12 товаров и, соответственно, 12 полей для ввода количества. Но у каждого поля свой id. Как можно решить эту проблему? Спасибо за помощь

Ты выводишь свой js код для каждого товара, соответственно получаешь 12 обработчиков событий.
Один раз на странице его пропиши + не загружай 12 раз link и script
+ я надеюсь что #dialog1 у тебя только один раз на странице а не 12??