2016-08-08 3 views
0

У меня есть три диалоговых окон, которые будут открыты, нажав кнопку ...Почему 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... 
    } 

Любая помощь?

+0

Ваш HTML неверен - вы не можете иметь 'div' элементы как ребенок из' table'/'tbody'. Являются ли ваши кнопки элементами 'form'? Если так, то их поведение по умолчанию заключается в том, чтобы отправить форму, поэтому она появляется, страница обновляется. Вы включили jQuery во-первых, перед jQueryUI? Есть ли ошибки в консоли? –

+1

Вам кажется, что в селекторе jQuery отсутствует '#': '$ (" # openRecipient "). Click (...)'. – Karin

+0

Да .. все в теге формы ... На консоли нет никакой ошибки ... и jquery перед jquery-ui .... @RoryMcCrossan –

ответ

2

Вы пропустили # ставить перед openRecipient кнопку

$("#openRecipient").click(function(){ 
    $("#recipientDialogue").dialog("open"); 
}); 
+0

Спасибо @jonju –