JqueryUI對話框。無法從HTML表單中觸發

Question

可以正常使用文本鏈接來觸發對話框 - 但如果從HTML表單提交按鈕觸發，則持續約0.5秒。聽起來很瘋狂！是的，只是無法讓它工作。幫幫我！

$(document).ready(function() { 
    $('#rating-0').click(function() { $('#dialog').dialog('open'); }); $('#dialog').dialog({ autoOpen: false, height: 280, modal: true, resizable: false, buttons: { Continue: function() { 
     $(this).dialog('close'); // Submit Rating 
    }, 'Change Rating': function() { 
     $(this).dialog('close'); // Update Rating 
    } } 
    }); 
    }); 

<form action="https://www.etc" id="rating-0"> 
    <input type="hidden" name="cmd" value="_s-xclick" /> 
    <input name="submit" type="image" src="https://www.paypal.com/en_GB/i/btn/btn_cart_LG.gif" /> 
</form> 
<div id="dialog" title="Are you sure?"> 
    <p>You've assigned the current celebrity a rating of 0…</p> <p>Perhaps you are just judging them on the terrible last movie…</p> 
</div> 

Answer 1

添加return false;到您的submit或click處理程序，以防止瀏覽器提交表單並重新加載頁面。

編輯：

$(document).ready(function() { 
    $('#rating-0').submit(function() { 
     $('#dialog').dialog('open'); 
     return false; 
    }); 
    ... 
    });