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 为 contactandaccount 的 div 的选择器。

你应该

1) 为您的链接提供一个 ID:

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

2) 在选择器中使用此 id :

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