伙计们!
我真的在尽我所能来解决下面的问题,但是几个小时后我看不到正确的路径!让我解释:
- 我有一个元素 a-href (#opener),单击它时会触发一个 jQueryUI 模态对话框,该对话框通过 ajax 加载 div (#target) 内的 URL。
- 一切都很完美,但我希望这发生一次!
- 加载模态窗口后,我能够为我的#opener a-href 设置一个类(.deactivated)并删除 id(#opener)以防止再次触发该操作,但是它不起作用...... a-href 保持可点击状态,并在我点击它时多次打开模式窗口(#target)!
- 我找到的唯一解决方案是从 DOM 中完全删除 a-href --- 使用 $(this).fadeOut(); ---,但这真的很难看,因为我的链接#opener 就这样消失了。
有任何想法吗?非常感谢你。G。
<script>
$(document).ready(function() {
$('#opener').click (function() {
$('#target').load ('http://my.url', function(){
$('#target').dialog({
title: 'My Title',
draggable: true,
dialogClass:'My Class',
modal: true,
hide: { effect: 'fade', speed: 'fast' },
show: { effect: 'fade', speed: 'fast' },
closeOnEscape: true,
closeText: 'Close',
beforeClose: function(event, ui) {
'window.location.reload(true)'
},
});//end dialog
});
$(this).addClass('.deactivated');
$(this).removeAttr('id');
});
});