由onclick启动的jquerytools覆盖
我正在尝试使用确认对话。我对调用覆盖的“onclick”函数有问题 HTML由onclick启动的jquerytools覆盖,jquery,onclick,overlay,jquery-tools,Jquery,Onclick,Overlay,Jquery Tools,我正在尝试使用确认对话。我对调用覆盖的“onclick”函数有问题 HTML <!-- list element --> <ul> <li id="item1"> <div class="listName">myListElement-1</div> <div class="listCtrlr"><span onclick="delItem(1, 'myListElement
<!-- list element -->
<ul>
<li id="item1">
<div class="listName">myListElement-1</div>
<div class="listCtrlr"><span onclick="delItem(1, 'myListElement-1')" rel="#deldlg">delete</span></div>
</li>
<li id="item2">
<div class="listName">myListElement-2</div>
<div class="listCtrlr"><span onclick="delItem(2, 'myListElement-2')" rel="#deldlg">delete</span></div>
</li>
<li id="item3">
<div class="listName">myListElement-3</div>
<div class="listCtrlr"><span onclick="delItem(3, 'myListElement-3')" rel="#deldlg">delete</span></div>
</li>
</ul>
<!-- overlay dialogue -->
<div id="deldlg" class="modd">
<h5>Confirmation - Delete Campaign</h5>
<div class="ctn">
<p id="dq">Are you sure you want to permanently delete this data?</p>
<p id="di"></p>
<input type="button" value="Yes" id="delsubmit" class="brButton s grdRed">
<input type="button" value="No" class="brButton s close">
</div>
</div>
当我使用上面的脚本时,它返回“trigger.overlay不是函数”。有人能帮我弄清楚吗
我希望得到以下结果(假设我想删除元素-2)
我认为应该是$(this).overlay(…),因为这不是一个jquery对象,而是一个简单的dom对象,因此无法访问jquery函数/插件,所以我现在知道您遇到的问题是什么了。好的,那么您需要为用作覆盖的HTML元素显式设置id。然后像这样使用
$(“#findme”).overlay({..})
您所指的这个
对象是您所在函数的范围,而不是DOM元素。至少从我对您的代码的了解来看。您是否确保这实际上是它应该是什么?尝试使用chrome或firebug中的开发人员工具调试JS,看看其中发生了什么。@Nomad101这就是为什么我在这里问这个问题,因为我不知道哪一个是正确的使用它的方法,因为它不起作用。由于我上面的脚本不起作用,我考虑了你在那里提出的建议,但仍然没有对jQuery的任何回应(这篇文章).overlay({…})我更好地看到了您的代码,我确信我们在类中的位置。。对于您的案例来说,正确的文档是一个简单函数中的文档,您没有将其分配给任何对象,这就是为什么会出现错误;我建议您使用美元(“#deldlg”).overlay({})…谢谢您的回复,@Nomad101。但是,我仍然不理解您的“您所指的这个对象是您所在函数的范围,而不是DOM元素。”
function delItem(iid, iname) {
var trigger = this;
trigger.overlay({
fixed: false,
closeOnClick: false,
mask: {color:'#660000', loadSpeed:100, opacity:0.9},
onBeforeLoad:function() {
jQuery('#di').html(iname);
jQuery('#delsubmit').attr('onclick', 'del_camp('+iid+')');
}
});
}
Confirmation - Delete Campaign
-------------------------------------------------------------
Are you sure you want to permanently delete this data?
myListElement-2
[ Yes ] [ No ]