Show full shedulle films name <script type="text/javascript"> "> Show full shedulle films name <script type="text/javascript"> "> Show full shedulle films name <script type="text/javascript"> " />

何も返さないjQueryの.load()関数

Index.aspx に次のコードブロックがあります。ボタンをクリックすると、ページがリロードされ、何も表示されません(空のページ)。

<div class="filter_block">
                Show
                full shedulle
                films name
                <script type="text/javascript">
                    $(document).ready(function() {
                        $("#buttonFindFilmByName").click(function() {
                            $('#listInfoBlock').load('cinema/filmlist');
                        });
                    })
                </script>
            </div><!-- .filter_block-->

            <div id="listInfoBlock" class="list_infoBlock">           

            </div><!-- .list_infoBlock-->
2
firebug/javascriptコンソールには何も表示されますか?
追加された 著者 JohnP,

2 答え

ユーザーが a (リンク)HTML要素をクリックしたときの標準ブラウザの動作であるため、ページがリロードされています。

このデフォルトの動作を停止させるには、クリックハンドル内のパラメータを使用し、 preventDefaultメソッドを呼び出します。

$("#buttonFindFilmByName").click(function(e) {
    e.preventDefault();
    ....
5
追加された
うーん、何も変わりません。
追加された 著者 user348173,
ああ、申し訳ありません、それは仕事です。ルーティングが正しく設定されていませんでした。ありがとう。
追加された 著者 user348173,
任意のJavaScriptのエラー?
追加された 著者 Stéphane Bebrone,

クリックハンドラ関数からfalseを返すと、ブラウザはリンクをたどらないように指示します。これにより、JavaScriptをサポートしていないブラウザや、ユーザーがオフにした場合に、 href に実際のリンクを設定することもできます。

$(document).ready(function() {
  $("#buttonFindFilmByName").click(function() {
    $('#listInfoBlock').load('cinema/filmlist');
    return false;//<====== FIX
  });
});
1
追加された
この答えに従ってください.IEでは、 code> event.returnValue = false 。
追加された 著者 Stéphane Bebrone,
それを知らなかった。ヘッドアップをありがとう。 jQueryがこれをサポートしていないIE6/7用の互換性レイヤーを提供するかどうかはどうですか?
追加された 著者 kichik,
最新のソースを確認したところ、それが提供されているようです。彼らはそれを追加したときには分かりません。
追加された 著者 kichik,
JavaScript - 日本のコミュニティ
JavaScript - 日本のコミュニティ
2 参加者の

日本人コミュニティのjavascript