jQuery的 - 一個jQuery.get功能

從來就寫了這個代碼轉換我的HTML內容後重新裝載頭腳本：jQuery的 - 一個jQuery.get功能

$.get("header.html", function(data) { 
    $("#header-import").html(data); 
    alert("Load was performed."); 
}); 
$.get("navigation.html", function(data) { 
    $("#navigation-import").html(data); 
    alert("Load was performed."); 
}); 
$.get("home.html", function(data) { 
    $("#content-import").html(data); 
    alert("Load was performed."); 
});

好像我進口JS腳本沒有正確加載。我想我必須在加載頁面後「重新加載」我的主html文件中的部分。任何想法傢伙？我嘗試了一些東西，但沒有奏效。

來源

2017-06-27 morizvonlanga

使用阿賈克斯（），並具有一個數據類型，產生了良好的工作最終結果：

<html> 
    <head> 

    <script src="jquery-1.10.2.js"></script> 

    <script type="text/javascript"> 
     jQuery(document).ready(function(){ 


      jQuery.ajax({ 
       url : "test1.html", 
       dataType: "html", 
       success : function (data) { 
        jQuery("#header").html(data); 
        console.log("a: "+data); 
        //alert("Load was performed."); 
       } 
      }); 

      jQuery.ajax({ 
       url : "test2.html", 
       dataType: "html", 
       success : function (data) { 
        jQuery("#navigation").html(data); 
        console.log("b: "+data); 
        //alert("Load was performed."); 
       } 
      }); 



     }); 
    </script> 
    </head> 
    <body> 

     <h1>TEST</h1> 
     <div id="header"> 

     </div> 

     <div id="navigation"> 

     </div> 
    </body> 
</html>

來源

2017-06-27 17:24:36 Rushikumar

它worken很好，謝謝你，你知道我怎麼能的onclick調用函數？ – morizvonlanga

太棒了！是的......你可以將'jQuery.ajax（）'調用封裝在''jQuery（「SELECTOR」）中，on（'click'，function（）{//jQuery.ajax（）calls}）;'' SELECTOR'是一個類或一個ID（如果它是一個類，它將是'.classname'，如果它是ID，它將是'＃ID' – Rushikumar

工作完美，你知道我可以如何在頭部添加東西當加載一些東西時：f.ex .: $ .ajax（{url：「home.html」， dataType：「html」， success：function（data）{ jQuery（「＃content-import」） .html（data）; }}）; 有了它，它應該導入：「「在部分 – morizvonlanga

jQuery的 - 一個jQuery.get功能

回答

相關問題