嘗試使用它的腳本一個HTML加載到另一頁

感謝您的時間這是我的第一篇文章在這裏:)嘗試使用它的腳本一個HTML加載到另一頁

，所以我有誰工作做好的腳本，在這裏我page1.html簡化：

<html> 
<head> 
    <script type="text/javascript" src="js/jquery-1.6.4.min.js"></script> 
    <script> 
    var lang = "en"; 
    $(function(){ 
     $("#morelink").load("page2.html"); 
    }); 
    </script> 
</head> 
<body> 
    <div id="morelink"></div> 
</body> 
</html>

這裏我page2.html簡化，是一種添加到我的第1頁：

<div>  
    <a href="model_1_'+lang+'.html"> 
     <img src="image1.png" /> 
    </a> 
    <a href="model_2_'+lang+'.html"> 
     <img src="image2.png" /> 
    </a> 
    <a href="model_3_'+lang+'.html"> 
     <img src="image3.png" /> 
    </a> 
</div>

裝載工作做好了，但是這不工作，因爲當我點擊一個鏈接就可以給我帶鏈接：

model_3_en.html

，但他給我：

model_3_'+lang+'.html

爲什麼VAR LANG = 「EN」不工作？

來源

2016-02-27 iceman

，因爲它不是在'page2.html' – roullie

服務器一無所知'VAR郎定義= 「en」;' –

@roullie但是page2.html正在被加載到主頁的div中，在那裏我們可以訪問'lan'變量 –

您必須在加載新頁面內容之後動態設置錨點的href屬性。

試圖改變自己的page2.html像下面，

<div>  
    <a data-link="model_1_"> 
     <img src="image1.png" /> 
    </a> 
    <a data-link="model_2_"> 
     <img src="image2.png" /> 
    </a> 
    <a data-link="model_3_"> 
     <img src="image3.png" /> 
    </a> 
</div>

您的腳本像下面，

var lang = "en"; 
$(function(){ 
    $("#morelink").load("page2.html",function(){ 
     $("#morelink a[data-link]").attr("href", function(){ 
      return $(this).data("link") + lang + ".html"; 
     }); 
    }); 
});

來源

2016-02-27 08:31:45

工作！謝啦！！ – iceman

嘗試使用它的腳本一個HTML加載到另一頁

回答

相關問題