组建一个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'); 
    }); 
}); 

编辑：添加的文档准备功能