在onclick事件中检测clickout

时间:2013-07-19 18:14:44

标签: javascript jquery

我几乎搜索了教程,提示介绍了如何在jQuery中检测点击。但我认为我的情况与几乎所有人不同。 (可能不是)

好吧,我正在使用功能为我网站上的每个用户切换面板。 (onclick事件)

例如:

用户和他的身份证是7,所以切换功能将是:togglePanel(7);

工作正常,没有问题。但是当我试图检查面板是否可见(事件正文点击)时,如果是,则隐藏它。

=>我再也无法切换面板了。

我该怎么办,请给我一些建议。感谢。

顺便说一下,我正在学习本教程

jQuery.noConflict();
jQuery(document).ready(function(){
    var panel = jQuery('.ui-context');
    var link = jQuery('.context-link');
    jQuery(document.body).click(function(){
        if (!panel.has(this).length) {
            panel.hide();
            link.removeClass('context-open');
        }
    });
});

这里是切换面板功能:

jQuery.noConflict();
function togglePanel(userId) {
    var lctgLink = "#panel-u" + userId;
    var lctgPanel = "#context-ucp-" + userId;
    jQuery(lctgPanel).toggle();
    jQuery(lctgLink).toggleClass('context-open');
    return false;
}

,html将是:

<a href="javascript:;" id="panel-u-$uid" onclick="togglePanel($uid);">$username</a>
<div id="context-ucp-$uid" class="ui-context" style="display:none;">
<!-- STUFF HERE -->
</div>

0 个答案:

没有答案