Jquery UI對話框不起作用

這是我的代碼。如果我只使用一個對話框，那麼它的工作正常，多個不工作。請幫我解決這個問題。Jquery UI對話框不起作用

$(document).ready(function() { 
 
\t 
 
\t $('#bouncer-1').click(function(){ 
 
    $("#xyz").dialog(); 
 
\t }); 
 

 
    $('#bouncer-2').click(function(){ 
 
    $("#zyx").dialog(); 
 
\t }); 
 
\t 
 
    });

<div id="stage"> 
 
<div id="traveler-1"> 
 
<div id="bouncer-1"></div> 
 
</div> 
 
<div id="traveler-2"> 
 
<div id="bouncer-2"></div> 
 
</div> 
 
</div> 
 
<div id="xyz" title="Hello"> 
 
Hello Im xyz.. 
 
</div> 
 
<div id="zyx" title="Hello"> 
 
Hello,Im zyx.. 
 
</div>

來源

2015-06-08 Ajithkumar S

提供的jsfiddle可以提供幫助，因爲現在它是棘手真正幫助你。您是否正確導入jQuery-ui？你的控制檯中是否有任何javascript錯誤信息？是否正確觸發了點擊事件（如果div的寬度是：0px和height：0px不容易點擊它：D。你可以更詳細地描述「不工作」 – sebastienbarbier

元ID應該是唯一的這就是爲什麼它的名字是ID。更改ID s到不同的一個是這樣的：

您好林XYZ .. 您好，林ZYX ..

$(document).ready(function() { 
 
\t 
 
\t $('#bouncer-1').click(function(){ 
 
    $("#xyz1").dialog(); 
 
\t }); 
 

 
    $('#bouncer-2').click(function(){ 
 
    $("#zyx2").dialog(); 
 
\t }); 
 
\t 
 
    });

<div id="stage"> 
 
<div id="traveler-1"> 
 
<div id="bouncer-1"></div> 
 
</div> 
 
<div id="traveler-2"> 
 
<div id="bouncer-2"></div> 
 
</div> 
 
</div> 
 
<div id="xyz1" title="Hello"> 
 
Hello Im xyz.. 
 
</div> 
 
<div id="zyx2" title="Hello"> 
 
Hello,Im zyx.. 
 
</div>

來源

2015-06-08 08:09:24 Samir

xyz！== zyx但同意你這些可怕的名字對於調試/測試：D – sebastienbarbier

@sebastienbarbier哈哈：D那麼，這些不是我的 – Samir

其實我只使用不同的ID，我只是舉這個例子，但它不工作如果添加第二個對話框第一個不開放，沒有第二個第一個工作正常 –

Jquery UI對話框不起作用

回答

相關問題