Question

我之前看过这个问题并用Google搜索但无济于事。我试图学习如何在jQuery中创建自己的函数，但它没有做我要求的事情，而且我没有收到任何错误。我在这里做错了吗？

这是脚本

<script type='text/javscript'> 
    (function($){ 
        $.fn.selectMe = function(options){ 
            return this.each(function(){ 
               $(this).find('li').append("<input type='checkbox'>"); 
            }); 
        } 
    }(jQuery)); 
    $(document).ready(function(){ 
        $('.Select').selectMe(); 
    }); 
</script>

为了更好的衡量，这里是HTML

<div class='Select'>
    <p>Cuisine Types (3/10)</p>
    <ul>
        <li>American</li>
        <li>Italian</li>
        <li>Chinese</li>
    </ul>
</div>

谢谢！

Answer 1

虽然不确定这个问题。但我发现：

<script type = 'text/javscript'>应为<script type='text/javascript'>
(function ($) { }(jQuery));应该是：(function($){ })(jQuery);

这很有效。试试这个：

＆＃13;

(function($){
	$.fn.selectMe = function (options) {
		return this.each(function () {
			$(this).find('li').append("<input type = 'checkbox'>");
		});
	}
})(jQuery);

$(document).ready(function () {
	$('.Select').selectMe();
});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<div class = 'Select'>
    <p>Cuisine Types (3/10)</p>
    <ul>
        <li>American</li>
        <li>Italian</li>
        <li>Chinese</li>
    </ul>
</div>

＆＃13;

Answer 2

确定！捂脸！我无法相信我在这个和每个人的时间浪费了2个小时。我拼写错误的javascript，它抛弃了所有代码，但没有错误。对不起，谢谢你的所有反馈！

jQuery $ .fn无法正常运行

2 个答案: