javascript - jQuery 点击功能不起作用

Question

我的页面是

<apex:page >
<apex:includeScript value="{!URLFOR($Resource.jquery)}"/>

<script type="text/javascript" >
var jQuery = $.noConflict();
jQuery(document).ready(function () {
    jQuery('#contactandaccount').click(function (){
        alert("hellooo");// it is never entering here
        jQuery("contactandaccount").toggle();
    });
});
</script>
<div id="sidebar">
                <ul style="display: block;" class="leftnav">
                    <li class="submneu2"><a href="#contactandaccount"  data-toggle="tab" ><i class="icon icon-tasks"></i> <span>Contacts and Accounts</span> </a></li></ul>
 <div id="contactandaccount" style="display: none;"  >
                     <apex:include pageName="Includepage"/>
                 </div>    
            </div>
 </apex:page>

当我单击联系人和帐户链接时，什么都没有发生。请对此有任何想法

提前致谢

Answer 1

您混淆了链接和 div。

jQuery('#contactandaccount')

不是链接的选择器，而是带有 id 的 div 的选择器contactandaccount。

你应该

1）给你的链接一个ID：

<a id=somelink href="#contactandaccount"  data-toggle="tab" >

2) 在选择器中使用这个 id：

jQuery('#somelink').click(function (){