由onclick启动的jquerytools覆盖

由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

我正在尝试使用确认对话。我对调用覆盖的“onclick”函数有问题

HTML

<!-- 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 ]