Question

我在使用JQuery点击显示div时遇到了一些麻烦。所有代码对我来说都是正确的。在我的网站上，我有一个搜索栏，我正在尝试添加搜索建议。但默认情况下我希望隐藏它。仅当用户选择“显示建议”时，才会显示。表单操作为空是无关紧要的。即使我一起删除表单也不起作用。我没有收到任何错误。我一直试图解决这个问题超过一个小时，我感谢任何帮助。

HTML

<form action="">
    <input type="text" id="txt1" onkeyup="showHint(this.value)" />
    <input type="submit"  value="Search" /><button id="hint"/>Show Suggestions </button>
</form>

<div id="searchhint" style="display:none; border:1px solid red; width:300px;" > Suggestions:<span id="txtHint"></span></font></div>

JQuery的

$(document).ready(function(){
  $("#hint").click(function(){
    $("#searchhint").show();
  });
});

Answer 1

您的HTML格式错误，您关闭了一个您从未在该#searchhint div中打开的“font”标记。无论如何，Font标签都会被折旧，因此您应该避免使用它。

Answer 2

您必须阻止默认行为。使用preventDefault函数

$(document).ready(function(){
  $("#hint").click(function(e){
    e.preventDefault();  
    $("#searchhint").show();
  });
});

示例：http://jsfiddle.net/Nbq9Y/3/

假设您拥有有效的HTML标记且页面中没有其他脚本错误，则应该可以正常工作。

Answer 3

我忘了加载JQuery。我在我的页面上运行了JavaScript，所以我认为JQuery应该也能运行，但我知道它必须首先加载才能使它工作。所以对于遇到类似问题的所有人，首先要检查你是否加载了JQuery。

<script src="jquery.js"></script>

Answer 4

查看您的按钮标记...您已在“显示建议”

之前将其关闭

Div没有显示点击

4 个答案: