使用AJAX加載jQuery背景滑塊

Question

我需要創建一個傳播內部鏈接而不刷新頁面的網站。導航將保持不變。內容將通過jQuery .load（）加載。

一切工作正常，但全屏幕背景的jQuery插件無法通過AJAX加載。每個頁面都有不同的背景。我正在使用[拉斯維加斯背景jQuery插件] [1]。

我所做的是將通過AJAX加載的#content中的插件觸發的函數。事情是這樣的：

<div id="#content"> <!--Loaded via AJAX --> 

<script> 
    $.vegas({ 
     src:'images/anImageforThisPage.jpg', 
     fade:2000 
    }); 
</script> 

    <!-- OTHER CONTENT --> 
</div> 

但它沒有工作，每一個鏈接被點擊時時候，只有內容加載，背景本身仍然anImageforThisPage.jpg代替theImageforAnotherPage.jpg

我我不是很確定爲什麼這樣做，並正在尋找解決方案。我知道.load（）允許回調函數，嘗試它，仍然是一樣的。

Answer 1

您的JavaScript需要包裝在腳本標籤。

<div id="#content"> <!--Loaded via AJAX --> 
    <script type="text/javascript"> 
    $.vegas({ 
     src:'images/anImageforThisPage.jpg', 
     fade:2000 
    }); 
    </script> 
    <!-- OTHER CONTENT --> 
</div>