調用jQuery.fn.load時是可以在url后面加選擇器來指定加載的內容的。文檔里這樣描述：

創(chuàng)新互聯(lián)建站是一家從事企業(yè)網(wǎng)站建設、網(wǎng)站設計、成都做網(wǎng)站、行業(yè)門戶網(wǎng)站建設、網(wǎng)頁設計制作的專業(yè)網(wǎng)站設計公司，擁有經(jīng)驗豐富的網(wǎng)站建設工程師和網(wǎng)頁設計人員，具備各種規(guī)模與類型網(wǎng)站建設的實力，在網(wǎng)站建設領域樹立了自己獨特的設計風格。自公司成立以來曾獨立設計制作的站點千余家。

$("#links").load("/Main_Page #p-Getting-Started li"); 

不過有一個問題，如果指定了選擇器，頁面里的腳本就不會執(zhí)行，查看了jQuery的代碼之后發(fā)現(xiàn)，原來是有選擇器的時候，將所有腳本過濾掉了

rscript = /<script\b[^<]*(?:(?!<\/script>)<[^<]*)*<\/script>/gi, // 逗號是因為這是一個語句的一部分 

// See if a selector was specified 
self.html( selector ?
  
    // Create a dummy div to hold the results 
    jQuery("<div>") 
 
        // inject the contents of the document in, removing the scripts 
        // to avoid any 'Permission Denied' errors in IE 
        .append( responseText.replace( rscript, "" ) ) 
 
        // Locate the specified elements 
        .find( selector ) : 
 
    // If not, just inject the full result 
    responseText ); 

那么，如果想執(zhí)行頁面中的腳本，只需要找到頁面內容中的腳本再執(zhí)行一次就行了。在load的callback中，是可以取到整個頁面內容的，所以只需要一句話就可以解決：

$("#place_holder").load("Page.html #content", function(html) { 
    // 加載html內容到頁面上，里面的css和script都會執(zhí)行 
    // 加載之后即把當前的臨時DIV刪掉（沒驗證，如果有問題可以不remove） 
    $("<div>").html(html).remove(); 
}); 

不過既然jQuery要把腳本過濾掉就有它的道理……因為html里的css和script有可能會有一部分是不想調用的，怎么處理呢？用與jQuery過濾script的類似的辦法，把所有script找出來，再選出需要執(zhí)行的來執(zhí)行。

于是，約定，在script中加入一個屬性loadinvoke="true"的會在加載內容后執(zhí)行，如定義這樣的<script>：

<script type="text/javascript"> 
    console.log("這是不需要jQuery.fn.load時執(zhí)行的腳本") 
</script> 
 
<script type="text/javascript" loadinvoke="loadinvoke"> 
    console.log("這是需要jQuery.fn.load時執(zhí)行的腳本") 
</script> 

給加載的腳本加點料：

rscript = /<script\b[^>]*\b loadinvoke \b[^<]*(?:(?!<\/script>)<[^<]*)*<\/script>/gi; 
 
$("#place_holder").load("Page.html #content", function(html) { 
    // 找出符合條件的腳本 
    var m = html.match(rscript); 
    for (var i = 0; i < m.length; i++) { 
        // 生成臨時的div執(zhí)行腳本 
        $("<div>").html(m[i]).remove(); 
    } 
}); 

拋磚引玉

分享題目：jQuery.fn.load調用時給url加selector之后執(zhí)行腳本的方法
標題URL：http://sd-ha.com/article8/ghsiop.html

成都網(wǎng)站建設公司_創(chuàng)新互聯(lián)，為您提供用戶體驗、云服務器、搜索引擎優(yōu)化、面包屑導航、、響應式網(wǎng)站

廣告

聲明：本網(wǎng)站發(fā)布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經(jīng)允許不得轉載，或轉載時需注明來源： 創(chuàng)新互聯(lián)