javascript - JavaScript 関数の問題

Question

関数の引数として渡されたアラートを表示するためにこれを取得できません。例と比較しましたが、機能しない原因となっている問題はわかりません。以下に私の html と JavaScript を含めました。私が間違っているところを教えていただければ、非常に感謝しています。ありがとう A

HTML:

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Untitled Document</title>
<script src="http://code.jquery.com/jquery.js"></script>
<script src="testjs.js"></script>
</head>
<body>
<div id = "testbed">
<a id = "testlink" href = "#number1">Test click</a>
</div>
</body>
</html>

JavaScript:

$(document).ready(function() {

$.fn.newmodalcontrols = function(modelspec) {
alert(modelspec);       
} // end newmodalcontrols

$('#testlink').click(function() {
    $(this).parent().newmodelcontrols('number1');
}); // end testlink click function

}); // end ready

score 1 · Accepted Answer

タイプミスがあるだけです。newmodelcontrols を newmodalcontrols に変更します。

JavaScript

$(document).ready(function () {

    $.fn.newmodalcontrols = function (modelspec) {
        alert(modelspec);
    }

    $('#testlink').click(function () {
        $(this).parent().newmodalcontrols('number1');
    });

});

更新: jsfiddle の例を追加しました。

score 1 · Accepted Answer

タイプミスがあります:同等newmodalcontrolsではありません ( /newmodelcontrolsに注意してください): JS Fiddle デモでタイプミスを修正しました:ae

$(document).ready(function () {

    $.fn.newmodalcontrols = function (modelspec) {
        alert(modelspec);
    } // end newmodalcontrols
      //           ^- Should be an 'e'

    $('#testlink').click(function () {
        $(this).parent().newmodelcontrols('number1');
        //                     ^- Or this should be an 'a'
    }); // end testlink click function

}); // end ready

ちなみに、Chromium では、これは Web Inspector の JavaScript コンソールに次のように表示されます。

Uncaught TypeError: Object [object Object] has no method 'newmodelcontrols'

使用/定義していたメソッドの名前に注意を向けるべきでした。

score 0 · Accepted Answer

タイプミスがあります。

フィドルをチェック

http://jsfiddle.net/AUEZJ/

$(document).ready(function () {

$.fn.newmodelcontrols = function (modelspec) {
    alert(modelspec);
}; // end newmodalcontrols


$('#testlink').click(function () {
    $(this).parent().newmodelcontrols('number1');
}); // end testlink click function

}); //準備完了

javascript - JavaScript 関数の問題

3 に答える 3

Related

Reference