私は Javascript と Ajax が初めてで、以下のコードが機能しない理由を理解しようとしています。
<script type="text/javascript">
$(document).ready(function() {
$('.cadlib').bind('click', function () {
$.get("/models/"+this.id+"/viewmodelinfo/", function(data) {
alert ("yo"); // This line bellow doesn't execute
if (data.fact_type=="T") {
guess_result="This fact is true! " + data.fact_note;
} else {
alert ("yo");
guess_result="This fact is false! " + data.fact_note;
}
$('#result').replaceWith("guess_result");
});
});
});
</script>
ここに私のHTMLがあります
<a href = "#mySymbolModal" class = "cadlib" id = "{{symbol.id}}" data-toggle="modal" style = "text-align:center; color: #FF761A;" href="/models/{{symbol.id}}/view_model/"><span id = "modelname"> {{symbol.modelname.upper}}</span> - <span id = "format">{{ symbol.format }}</span><span id = "adder" style="visibility:hidden;">{{symbol.adder}}</span><span id = "adderid" style="visibility:hidden;"> {{symbol.adder.id}}</span><span id = "symbolobject" style="visibility:hidden;">{{symbol}}</span></a>
コメントされた行に何か問題があると思います。アラートがインスタンス化されていません。
アラートが機能しない原因となる何かが欠けていますか?