jquery - Jquery と Asp.net MVC を使用した外部 Html の読み込み

Question

私のインデックスビューにはこれがあります：

<script type="text/javascript" src="~/Scripts/jquery-2.0.0.js"></script>
<script type="text/javascript" src="~/Scripts/Javascript1.js"></script>

<div id="dictionary">
</div>

<div class="letter" id="letter-a">
<a href="#">A</a>
</div>

私のJavascrip11.jsにはこれがあります：

$(document).ready(function () {
 $('#letter-a a').click(function () {
    $('#dictionary').load('HtmlPage1.html');
     alert('Loaded!');
        return false;
    });
});

そして、私の HtmlPage1 には次のものがあります。

<div>Definitions for letter A</div>

Javascript でこの HtmlPage1 をロードし、アンカー タグをクリックしたときにページの div ディクショナリに挿入する必要があります.....Scripts フォルダーと ViewFolder の両方に HtmlPage1 があります..両方とも機能しません....私はアラートを受け取っていますが、スニペットが挿入されていません....

Answer 1

<a>タグのデフォルトの動作を防ぐ必要があると思います：

$(document).ready(function () {
 $('#letter-a a').click(function (e) {
    e.preventDefault();
    $('#dictionary').load('HtmlPage1.html');
     alert('Loaded!');
        return false;
    });
});

Answer 2

これを試して ：-

$(document).ready(function () {
 $('#letter-a a').click(function () {
     $.get('HtmlPage1.html')
     .success(function(data) {
       alert(data);
         $('#dictionary').html(data);
     });

        return false;
    });
});