整理一个js文件以在html中使用

Question

所以我在这里找到了这段代码

基本上，这使我可以从php文件中提取一些数据，并使用jQuery将其放入div中。 因此，本教程中的所有内容都可以正常工作，但是由于我正在考虑通过该代码将9-10个不同的链接放在一起，因此我认为我将所有功能代码都放在js文件中，而只是在html中调用该功能。 为了澄清起见，尽管我对php有经验，但对javascript的了解却很少。

在一个名为links.js的新js文件中，我放入了两个不同的函数，这些函数我想从我的html中调用

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


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

然后在我的html中，我对links.js和src进行保存，并放置了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');
    });
});

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