проблема возникает, когда я повторно нажимаю #btn3
. После этого, когда я открываю диалог, используя диалоговое окно #button_create_product
, дублируется столько раз, сколько было нажато #btn3
. button_create_product
описано в products.jsp
PS $('#button_create_product').unbind("click")
не помогаетJQueryUI - Dialog open несколько раз
$('#btn3').click(function() {
$('#menu').load("products.jsp",function() {
$('#button_create_product').click(function() {
$('.dialog_create_product').dialog('open');
});
$(".dialog_create_product").dialog({
autoOpen: false,
width: 800,
buttons: {
OK: function() {
$(".dialog_create_product").dialog("close")
},
CANSEL: function() {
$(".dialog_create_product").dialog("close")
}
},
});
});
});
Html
<body class="products">
<button id = "button" class="remove">Удалить выделенное</button>
<button id = "button_create_product" class="button_create_product">Добавить продукт</button>
<hr>
<table id="products_table" class="display" cellspacing="0" width="100%">
<thead>
<tr>
<th>id</th>
<th>Категория</th>
<th>Производитель</th>
<th>Название</th>
<th>Штрихкод</th>
<th></th>
<th></th>
</tr>
</thead>
<tfoot>
<tr>
<th>id</th>
<th class="searchable">Каталог</th>
<th class="searchable">Производитель</th>
<th class="searchable">Название</th>
<th class="searchable">Штрихкод</th>
<th></th>
<th></th>
</tr>
</tfoot>
<tbody>
</tbody>
</table>
<div class="dialog_create_product" title="Создать продукт" hidden>
<table align="center" border="0" cellpadding="5" cellspacing="0" style="width: 70%">
<tbody>
<tr>
<td>
<select class="selectCategory" style="width: 100%">
</select>
</td>
</tr>
<tr>
<td><input class="prodName" placeholder="Название" type="text" style="width: 100%" maxlength="50"></td>
</tr>
<tr>
<td><input class="prodProvider" placeholder="Производитель" type="text" style="width: 100%" maxlength="50"></td>
</tr>
<tr>
<td><input class="prodCode" placeholder="штрих-код" type="text" style="width: 100%" maxlength="50"></td>
</tr>
</tbody>
</table>
<table class="sostav" align="center" border="0" cellpadding="2" cellspacing="2" style="width: 700px">
<tbody>
<tr>
<td width="50%" align="center"><b>Компоненты</b><hr></td>
<td width="50%" align="center"><b>Состав</b><hr></td>
</tr>
<tr>
<td class = "components" height="200px" valign="top"></td>
<td class = "compound" height="200px" valign="top"></td>
</tr>
</tbody>
</table>
<div class="divInput"align="center">
<input class = "getInputComponent" placeholder="название компонента" type="text" maxlength="50"><button class="addComponent" >Добавить компонент</button>
</div>
</div>
</body>
Может ли это быть причиной того, что он создает продукты каждый раз и что закрывает их только скрывает? так что, когда вы снова нажимаете кнопку, он отображает их все и добавляет? –
Есть ли несколько элементов с классом .dialog_create_product? эта строка $ ('. dialog_create_product'). dialog ('open'); откроет все элементы этого класса. Отображение HTML-кода за этим кодом jQuery было бы полезно –
Alex, когда ok нажал, все окна были закрыты и созданы только одним продуктом –