jqueryのHTMLは、クリックイベント

に消え、次のコードを参照してください：私はこのスクリプトを使用すると、それがない、すべてがフラッシュの「Hello World」であるjqueryのHTMLは、クリックイベント

<body> 
<form id="form1" runat="server"> 
<div> 

    <button id="helloButton"> 
     Search</button> 
    <div id="hello"> 


    </div> 
    <script type="text/javascript"> 
     $(document).ready(
     function() { 

      $('#helloButton').click(function() { 


       $('#hello').html('<div>hello world</div>'); 

      }); 

     }); 
    </script> 
</div> 
</form>

を、それが上でそれを維持しません。ページ。これはclickイベントと関係がありますか？ボタンをクリックしてオブジェクトをページの上に残そうとしています。投稿からフォームを防止するために、

出典

2011-01-18 locoboy

私はあなたのコード[here]（http://jsfiddle.net/reigel/QD7gq/）をコピーして貼り付けましたが、何が問題なのか分かりません。 – Reigel

@reigelあなたはフォームタグを貼り付けなかったので、それはjsfiddleで提出しません。 – amosrivera

@amosrivera - ahh yeah！愚かな私... – Reigel

を呼び出す必要がありそうでないあなたは、単に両方でpreventDefaultを行うと、伝播を停止します戻り誤った操作を行うことができます

$('#helloButton').click(function (e) { 

    $('#hello').html('<div>hello world</div>'); 
    return false; 
});

出典

2011-01-18 06:00:44 kobe

は、関数の最後に戻りますか？ –

返品後の虚偽;届かずに実行されません –

はい、それはコードの後にあるはずです。それ以外の場合は動作します。 – locoboy

、変更内容を見ることができるように、あなたはpreventDefault()

$('#helloButton').click(function (e) { 
    e.preventDefault(); 
    $('#hello').html('<div>hello world</div>'); 
});

出典

2011-01-18 05:52:43

私はこれを実行することを確認していません。 – locoboy

の作品はこちら：http://jsfiddle.net/NjR9T/あなたはどんな問題を抱えていますか？ –

jqueryのHTMLは、クリックイベント

答えて

関連する問題