Question

我已将以下代码放在远程js文件中

//in remote file invoice-add.js
(function($){

    $.invoicepage = function(options){

           var invoice = {

                //object method details inserted here
                addInvoiceItem: function (name, cost, price){}
           };

           return invoice;
    };
})(jQuery);

我试图从主HTML文件中访问它，如

<script src="path/to/invoice-add.js"></script>

$(function(){

    var inv = $.invoicepage();
});

我正在尝试使用HTML标记中的onclick属性访问invoicepage对象中的addInvoiceItem方法，如下所示：

<a onclick="$(this).inv.addInvoiceItem('Item', 'USD 1,000.00', '1000')">Add New item</a>

但是在运行它时我得到了错误

未捕获的TypeError：无法读取属性＆＃39; addInvoiceItem＆＃39;的未定义

我在这做错了什么？

Answer 1

this指向dom元素.. 变量也应该在$ object内。看看这个小提琴...... https://jsfiddle.net/m0m1jnhk/5/

使用onclick HTML属性访问远程js文件中的jQuery对象

1 个答案: