-2 
  <li class="resultsTitle left"><span>Total Results&nbsp;</span><span id="totalResults" class="bold">@totals.TotalResults.ToString("N0")</span></li>
<li class="resultsTitle left"><span>Company Results&nbsp;</span><span id="companyResults" class="bold">@totals.CompanyCount.ToString("N0")</span></li>

$(document).ready(function () {
    $("#companyResults").click(function () {
        alert('hello world');
    });

    $("#totalResults").click(function () {
        alert('hello world');
    });
});

クリック イベントをキャプチャするためにいくつかのことを試しました。私たちは何か間違ったことをしていますか？

4

3 に答える 3

2

ここで私のためにうまくいく

http://jsfiddle.net/uhgZg/

レイアウトページまたはビューにjQueryが含まれていることを確認します

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" type="text/javascript"></script>

そして、このコードがスクリプトタグに含まれていることを確認します

<script type="text/javascript">
    $(document).ready(function () {
        $("#companyResults").click(function () {
            alert('hello world');
        });

        $("#totalResults").click(function () {
            alert('hello world');
        });
    });
</script>

これらが適切に配置されている場合、コードは完全に起動します

于 2012-05-22T20:11:04.273 に答える
0

この問題に関連して私が見る2つのオプションを紹介します

  • あなたのIDは一意ではなく、これは問題を引き起こす可能性があります#companyResults。#totalResultsこの場合、IDの代わりにcssクラスを使用して要素を選択できます。

  • ページにjsエラーがあり、クリックイベントハンドラーが正しく実行されていません。これは、firebugまたはchrome開発ツールを使用して簡単に検出できます

于 2012-05-22T20:16:56.983 に答える
0

2 つの提案:

  1. JavaScript に追加alert(jQuery().jquery);して、jQuery が正しくロードされていることを確認します。その場合は、jQuery のバージョン番号を含むアラートが表示されます。

  2. マークアップのスタイルを確認せずにこれが可能かどうかを判断するのは困難ですが、出力している太字の値ではなく、[合計結果] をクリックしてコードをテストしている可能性があります。書かれている Javascript は、@totals.etc...出力にクリック ハンドラーを登録するだけです。

于 2012-05-22T20:25:03.593 に答える