-1

JQueryを使用してクリック時にdivを表示するのに問題があります。すべてのコードは私には正しいように見えます。私のウェブサイトには、検索候補を追加しようとしている検索バーがあります。しかし、デフォルトでは非表示にしたいと思います。ユーザーが「提案を表示」を選択した場合にのみ表示されます。フォーム アクションが空であることは無関係です。フォームをまとめて削除しても機能しません。エラーは発生しません。私はこの問題を 1 時間以上解決しようとしてきました。

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の形式が正しくないため、その#searchhintdiv内で決して開かない「font」タグを閉じます。Fontタグはとにかく減価償却されるので、使用しないでください。

于 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 も同様に機能するはずだと推測しましたが、機能させるには最初に JavaScript をロードする必要があることは承知しています。同様の問題を抱えているすべての人に、まずJQueryをロードしたかどうかを確認してください。

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

ボタンタグを見てください...「提案を表示」の前に閉じました

于 2012-06-08T14:26:55.153 に答える