У меня есть три диалоговых окон, которые будут открыты, нажав кнопку ...Почему Dialog не открывается при нажатии кнопки?
Я связан как JQuery-UI и jquery.min.js файл и JQuery-ui.css файл ...
Но когда я нажмите кнопку она перенаправляет на главную страницу вместо открытия диалогового окна ....
Это мой JQuery код ....
$(function(){
$("#recipientDialogue").dialog({
autoOpen:false,
});
$("#exclusionDialogue").dialog({
autoOpen:false,
});
$("#suppressionDialogue").dialog({
autoOpen:false,
});
$("openRecipient").click(function(){
$("#recipientDialogue").dialog("open");
});
});
Это мой HTML-код ...
<td colspan="3"><button id="openRecipient">Choose Recipients</div></td>
<td colspan="3"><button id="openSuppression">Choose Recipients</button></td>
<td colspan="3"><button id="openExclusion">Choose Recipients</button></td>
<div id="recipientDialogue">
<td colspan="3" style="padding-left: 55px;">
<div id="recipientCheck"></div>
</td>
</div>
<div id="suppressionDialogue">
<td colspan="3" style="padding-left: 55px;">
<div id="suppressionCheck"></div>
</td>
</div>
<div id="exclusionDialogue">
<td colspan="3" style="padding-left: 55px;">
<div id="exclusionCheck"></div>
</td>
</div>
Это JQuery код для заполнения флажков из статического массива JSon ...
for(var i=0; i< encoded_recipient_array.length;i++){
jQuery('<input/>', {type:'checkbox',
value: encoded_recipient_array[i].id,
name:'recipient_array[]'
}).appendTo('#recipientCheck'); //append checkbox only with id as its value....
jQuery('<p>',{'text':encoded_recipient_array[i].name
}).appendTo('#recipientCheck'); //append label of checkbox ......
jQuery('<br/>').appendTo('#recipientCheck'); //looks better you know...
}
Любая помощь?
Ваш HTML неверен - вы не можете иметь 'div' элементы как ребенок из' table'/'tbody'. Являются ли ваши кнопки элементами 'form'? Если так, то их поведение по умолчанию заключается в том, чтобы отправить форму, поэтому она появляется, страница обновляется. Вы включили jQuery во-первых, перед jQueryUI? Есть ли ошибки в консоли? –
Вам кажется, что в селекторе jQuery отсутствует '#': '$ (" # openRecipient "). Click (...)'. – Karin
Да .. все в теге формы ... На консоли нет никакой ошибки ... и jquery перед jquery-ui .... @RoryMcCrossan –