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拼寫錯誤，並刪除了所有代碼，但沒有錯誤。 抱歉，謝謝您的反饋！