Javascript 在jquery中禁用onclick功能父/子容器

我想在单击子容器中的图像链接时，否决父div上的onclick

我正在使用名为.sight title的容器上的onlick来： -使用toggleClassactive更改类； -使用ajax调用更改内容

初始状态：

<div class="sight-title" id="S2851">
  <div class="row1"></div>
  <div class="row2"></div>
</div>

使用jQuery的解除绑定：

编辑2：

如果在创建其单击事件时链接不存在，则可能需要使用live

$('a.wikilink').live('click', function() {
    //do stuff
    $('a.sight-title').unbind('click');
});

编辑：

作为旁注，你可能想利用而不是你的GET等等

我想你会发现它让你的生活更轻松

---

您还应该查看选择器。您正在使用$+id选择与您所在的对象完全相同的对象，而不是仅执行$this。

似乎不起作用。。。我已经把它放在了$.sight-title.click部分之前。您的.wikilink链接没有包含足够的内容，因此实际上无法辨别，但是如果您的.wikilink链接不仅仅是隐藏的，而是加载的，请使用live:$'a.wikilink'。live'click'，函数{…}；

$(".sight-title").click(function () {
                var id=$(this).attr("id");                                      
                $("#"+id).toggleClass("active");                    
                if($(this).hasClass("active")){
                    $("#"+id).html(ajax_load);  
                    $.get(  
                     loadUrlDetail+"?id="+id+'&arrondissement='+arrondissement,  
                     {language: "php", version: 5},  
                     function(responseText){  
                         $("#"+id).html(responseText);  
                     },  
                     "html"  
                    );   
                } else {
                    $("#"+id).html(ajax_load);  
                    $.get(  
                     loadUrlTitle+"?id="+id+'&arrondissement='+arrondissement,  
                     {language: "php", version: 5},  
                     function(responseText){  
                         $("#"+id).html(responseText);  
                     },  
                     "html"  
                    );  
                }
            });

$('a.wikilink').click(function() {
    //do stuff
    $('a.sight-title').unbind('click');
});

$('a.wikilink').live('click', function() {
    //do stuff
    $('a.sight-title').unbind('click');
});