-1

我在使用 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();
  });
});
4

4 回答 4

2

您的 HTML 格式不正确，您关闭了一个从未在该#searchhint div 中打开的“字体”标签。无论如何，字体标签都会贬值，所以你应该避免使用它。

于 2012-06-08T14:26:17.493 回答
2

您必须阻止默认行为。使用preventDefault功能

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

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

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

于 2012-06-08T14:26:23.980 回答
1

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

<script src="jquery.js"></script>
于 2012-06-08T14:52:38.567 回答
0

查看您的按钮标签...在“显示建议”之前您已将其关闭

于 2012-06-08T14:26:55.153 回答