Div, не показывающий по клику

Question

У меня возникли проблемы с отображением div на клик, используя JQuery. Весь код выглядит корректно для меня. На моем веб-сайте у меня есть панель поиска, в которую я пытаюсь добавить предложения поиска. Но по умолчанию я бы хотел, чтобы это было скрыто. Только если пользователь выбирает «Показать предложения», он появится. Действие формы пустое не имеет значения. Он не работает, даже если я удаляю форму вместе. Я не получаю никаких ошибок. Я пытаюсь решить эту проблему более часа, я ценю любую помощь в этом.

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

я забыл загрузить JQuery. У меня был JavaScript, запущенный на моей странице, поэтому я предполагал, что JQuery тоже должен работать, хотя я знаю, что он ДОЛЖЕН быть загружен первым, чтобы он работал. Таким образом, для всех людей с аналогичной проблемой сначала проверьте, загружен ли JQuery.

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

Answer 2

Ваш HTML имеет неверный формат, вы закрываете "шрифт" тег, который вы никогда не откроется в этом #searchhint дел. В любом случае тег Font обесценивается, поэтому вам следует избегать его использования.

Answer 3

Вы должны предотвратить поведение по умолчанию. использовать preventDefault функции

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

Пример: http://jsfiddle.net/Nbq9Y/3/

Это должно работать если у вас есть действительный HTML-разметка и никаких других ошибок сценария на странице.

Answer 4

Посмотрите на вашу кнопку теге ... вы закрыли его перед «Показать Предложения»