jQuery $ .fn不能正常运行

Question

我之前曾问过这个问题，并且用谷歌搜索，但无济于事。 我正在尝试学习如何在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);

这很好。 尝试这个：

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

 <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> 

Answer 2

好！ Facepalm！ 我不敢相信我在这个和每个人的时间上浪费了2个小时。 我将javascript拼写错误，并删除了所有代码，但没有错误。 抱歉，谢谢您的反馈！