在頁面加載之前在ajax請求的頁面上執行腳本

我有一個基於AJAX的網站導航。一個是index.html其他是profile.html。兩個頁面的內容是這樣的：在頁面加載之前在ajax請求的頁面上執行腳本

<html> 
<head> 
<script src="script1.js" type="text/javascript"></script> 
</head> 
<body> 
<nav class="main-nav">.....{{nav-content}}.....</nav> 
<div class"content"> 
---{{main-content}}----- 
</div> 
</body>

在這兩個我都腳本鏈接到的網頁，可能需要在網站上的任何地方。在profile.php我有一個標籤小部件，使用$（「div＃mySliderTabs」）觸發滑動條。。

當我加載使用.load（） profile.php的<div class=".content"></div>內容，我必須手動執行$（「＃DIV mySliderTabs」）sliderTabs（）。 as .load（）callack再次使sliderTabs工作。

有沒有什麼辦法可以讓sliderTabs在不觸發腳本的情況下工作，並將生成的html <div class=".content"></div>內容加載到當前頁面中。

來源

2015-01-06 Piyush Kumar Baliyan

編號SliderTabs需要一個DOM元素，據我所知。這意味着它需要存在才能實例化。有雖然

您可以加載新的內容，將其保存在一個jQuery集合，並沒有在DOM被執行sliderTabs()其他選項。然後你可以隨時添加它。儘管在AJAX調用之後仍然需要執行sliderTabs()。
sliderTabs可以使用冒泡事件來製作 - 例如 - 點擊事件工作。就像這樣：

$('document').on('click', '#sliderButton', function() { 
    // do the sliding 
});

的按鈕都會有自己的事件偵聽器，即使他們事後加載AJAX。

來源

2015-01-06 11:42:11 ProblemsOfSumit

在頁面加載之前在ajax請求的頁面上執行腳本

回答

相關問題