javascript - JQuery Toggle 在 URL 后添加 #，e.preventDefault();不工作

Question

遇到一个问题:在 IE 上，单击切换按钮后，会在 URL 末尾添加 #。 (即 website.com/direct/main.html*#*

这将禁用所有切换功能。无法在 FireFox 上重现该问题。我有一个 e.preventDefault();在每个函数中，但我无法通过将 e.prevent 放在不同的位置来解决这个问题。

代码如下:

    $(document).ready(function(){
      $("#1_EH").click(function(e){ 
        $("#1_S").slideToggle("slow");
e.preventDefault(); 
        }); 
    });
    $(document).ready(function(){
      $("#2_EH").click(function(e){ 
        $("#2_S").slideToggle("slow"); 
        e.preventDefault(); 
        }); 
     });

<a href="#" id="1_EH"><img src="pic.jpg" border="0" alt="" /></a>
<div class="client_box" id="1_S">
    <h2>text</h2>
    <p>text<a href="http://www.url.com" target="_blank">Directions &raquo;</a></p>
</div>

Answer 1

ID 不能以数字开头；结果在 Internet Explorer 中未定义且(可能)已损坏。修复您的 ID 属性 (1_EH/1_S/etc)，使其以字母而不是数字开头。