組建一個js文件的HTML

Question

使用，因此我發現這個代碼here

基本上，這讓我從一個PHP文件中提取一些數據，並把它放到使用jQuery一個div。因此，教程中的所有內容都可以正常工作，但因爲我正在考慮通過代碼將9-10個不同的鏈接放在一起，所以我認爲我將所有功能代碼放在一個js文件中，然後在html中調用該函數。只是爲了澄清，我對JavaScript的理解很少，儘管我有使用php的經驗。

在一個新的名爲js文件links.js，我已經把2個不同的功能，我想

function getshow1() { 
$('#sidebar').load('show1.php'); 
} 


function getshow2() { 
$('#sidebar').load('show2.php'); 
} 

然後從我的HTML調用我的HTML，我SRC的links.js和2圖片，我把這個，

<a href="javascript:getshow1();"><img src="image1.jpg" /></a> 
<a href="javascript:getshow2();"><img src="image2.jpg" /></a> 

當然#sidebar不顯示任何東西。我如何格式化js文件，以便我可以使用上面的html代碼來鏈接不同的php文件？

另外，如果有更好的方法從外部文件中將html代碼轉換爲div，請告訴我！

謝謝！

Answer 1

HTML：

<a href="#" id="show1"><img src="image1.jpg" /></a> 
<a href="#" id="show2"><img src="image2.jpg" /></a> 

的jQuery：

$(document).ready(function(){ 
    $('#show1').click(function(){ 
     $('#sidebar').load('show1.php'); 
    }); 

    $('#show2').click(function(){ 
     $('#sidebar').load('show2.php'); 
    }); 
}); 

編輯：添加的文檔準備功能