我正在尝试将 BlockUI 与 jQuery 的隐藏一起使用,但是,并非一切都按计划进行。
目前,在脚本加载时,上述 div (radiodj) 会隐藏自己。当用户单击按钮时,会显示 div。现在,问题来了。当用户点击 div 内的链接时,div 再次隐藏,但链接动作被执行,即 div 被“阻止”
这是javascript和相应的HTML:
$(document).ready(function(){
$('#radiodj').hide();
$("#apply-radiodj").click(function () {
$("#radiodj").toggle("slow");
});
$('#radiodj').click(function() {
$('#radiodj').hide('slow');
$('div.radiodj').unblock();
});
$('#radiodjcancel').click(function() {
$('#radiodj').block({
message: '<h1>Processing</h1>',
css: { border: '3px solid #a00' }
});
});
$('#radiodjsave').click(function() {
$('#radiodj').block({
message: '<h1>Processing</h1>',
css: { border: '3px solid #a00' }
});
});
});
和 HTML
申请<div id="radiodj">
<form action="#" method="post" id="radiodjform">
<fieldset class="fieldset">
<legend>Apply for position</legend>
<div class="errmsg" align="center"><strong>Error 102:</strong> this form is not yet functional, don't apply!<br />
</div>
<div id="radiodjok">
<p>
<a id="radiodjsave">Save</a> or <a href="#" id="radiodjcancel">Cancel</a></p>
</div>
</fieldset>
</form>
</div>