我遇到了很多麻煩與pageswap

Question

function pageSwap(page) { 
$(".content").fadeOut("1000",function(){ 
    $(".content").load(page, function(){ 
    $(".content").fadeIn("5000");  
    }); 
}); 
} 

這是納入到我的網頁從pageswap.js， 然後

<script type="text/javascript"> 
$(document).ready(function(){ 
    $(".content").pageSwap("main.html"); 
}); 
</script> 

我有main.html中，包括腳本，調用的函數，但它不會工作..

Answer 1

你已經聲明瞭一個全局函數，但沒有擴展jQuery的這個功能。所以，你只需要調用pageSwap()象下面這樣：

<script type="text/javascript"> 
    $(document).ready(function() { 
     pageSwap("main.html"); 
    }); 
</script> 

---

UPDATE：您可以使用下面的代碼與pageSwap方法延長JQuery的：

(function($) { 
    $.fn.extend({ 
     pageSwap: function(page) { 
      return this.each(function() { 
       var obj = $(this); 
       obj.fadeOut("1000", function() { 
        obj.load(page, function() { 
         obj.fadeIn("5000"); 
        }); 
       }); 
      }); 
     } 
    }); 
})(jQuery); 

然而，還有另一種可供選擇的方法描述於@Esailija's answer。

Answer 2

你需要做你的代碼工作：

$.fn.pageSwap = function(page) { 
    this.fadeOut("1000", $.proxy(function(){ 
     this.load(page, $.proxy(function(){ 
      this.fadeIn("5000");  
     }, this)); 
    }, this)); 
};