0

ajaxとjqueryを使用してボタンクリックでhtmlファイルをロードしようとしていますが、クリックでロードされません。以下はコードです。

ajax.aspxファイル：-

<form id="form1" runat="server">
    <div id="dictionary"></div>
    <div class="letters">
        <div class="button" id="letter-a">
            <h3>A</h3>
            <button type="button">Load</button>
        </div>
        <div class="button" id="letter-b">
            <h3>B</h3>
            <button type="button">Load</button>
        </div>
        <div class="button" id="letter-c">
            <h3>C</h3>
            <button type="button">Load</button>
        </div>
        <div class="button" id="letter-d">
            <h3>D</h3>
            <button type="button">Load</button>
        </div>
    </div>
</form>

ajax.jsファイル：-

$(document).ready(function () {
    $('#letter-a .button').click(function () {
        $('#dictionary').load('html_ajax.htm');
    });
});

しかし、それは機能していません。私は何が欠けていますか？前もって感謝します。

4

2 に答える 2

1

これを変える：

$('#letter-a .button').click(function () {

に

$('#letter-a button').click(function() {

タグを選択するためにクラスセレクターを使用していbuttonます。buttonセレクターは、クラスを持つ要素を選択します。

于 2012-08-09T10:34:52.993 に答える
0

を削除する必要があると思います。.buttonから-.buttonは、ボタンのクラスを持つものを意味します。

これは、「IDが「letter-a」でクラスが「button」の要素を探す」という意味です。

 $('#letter-a .button').click(function () { }

これは、「IDが「letter-a」の要素に含まれるボタン要素を探す」ことを意味します。

$('#letter-a button').click(function () { }
于 2012-08-09T10:33:22.303 に答える