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

Answer 1

你只是有一个错字。将newmodelcontrols更改为newmodalcontrols。

<强>的JavaScript

$(document).ready(function () {

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

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

});

更新：添加了jsfiddle example。

Answer 2

你有一个错字：newmodalcontrols和newmodelcontrols不相等（请注意a / e）：corrected the typo, in a JS Fiddle demo：

$(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'

哪个应该引起你注意你正在使用/定义的方法的名称。

Answer 3

你有一个错字。

查看小提琴

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函数问题

3 个答案: