jQuery Toggle在网址后添加＃，e.preventDefault（）; 不工作

Question

在IE上出现问题时，单击切换后，在URL的末尾添加了＃。 （即website.com/direc/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）固定为以字母开头而不是数字开头。

Answer 2

e.preventDefault（）应该是函数（e）之后的第一行：

   $("#2_EH").click(function(e){ 
            e.preventDefault(); 
    ...stuff to be done...
    });

此处固定的示例代码： http : //jsbin.com/welcome/54005/

但是，请注意，从正确答案的发布者中，该答案实际上是错误的，应忽略不计。

Answer 3

尝试从链接中的href移除哈希标签。