如何從外部呼叫 jQuery 外掛中的函式?


如需從外部呼叫 jQuery 外掛中的函式,請嘗試執行以下程式碼。該程式碼使用屬性來更新名稱,例如使用 jQuery

動態演示

<html>
   <head>
      <script src = "https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
      <script>
         $.fn.person = function(prop) {
            var defaults = $.extend({
               name: 'Amit'
            }, prop);
   
            // methods to be used outside of the plugin
            var person = {
               changeName: function(name) {
                  defaults.name = name;
               },
               getName: function() {
                  return defaults.name;  
               }
            };
            return person;
         };
         // set initial properties
         var person = $('#person').person({
            name: 'Sachin'
         });
         document.write('Initial name of person: ', person.getName());
         person.changeName('Amit');
         
         // printing new name
         document.write('<br>Changed name of person: ', person.getName());
      </script>
   </head>
   <body>
      <div id = "person">Changes done above!</div>
   </body>
</html>

輸出

Initial name of person: Sachin
Changed name of person: Amit
Changes done above!

更新時間:2020 年 6 月 12 日

738 次瀏覽

啟動您的 事業

完成課程以獲得認證

開始學習
廣告