由onclick启动的jquerytools覆盖



我正在尝试使用jQuerytools覆盖来进行确认对话。我对调用覆盖的"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>

JavaScript

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+')');
                                }
                });
}

当我使用上面的脚本时,它返回">trigger.overlay不是函数"。有人能帮我弄清楚吗?

我希望得到以下结果(假设我想删除元素-2(

Confirmation - Delete Campaign
-------------------------------------------------------------
Are you sure you want to permanently delete this data?
    myListElement-2
[ Yes ]     [ No ]

我认为应该是$(this(.overlay(…(,因为这不是一个jquery对象,而是一个简单的dom对象,因此无法访问jquery函数/插件

好的,我现在知道你有什么问题了。好的,你需要为你使用的任何HTML元素显式设置一个id作为覆盖。然后像这样使用$("#findme").overlay({..});。您所指的this对象是您所在函数的作用域,而不是DOM元素。至少从我对你代码的了解来看。

最新更新