Question

所以我找到了这段代码here

这基本上允许我从php文件中提取一些数据并使用jQuery将其放入div中。所以教程中的所有内容都可以正常工作，但因为我想通过该代码将大约9-10个不同的链接组合在一起，我想我把所有的函数代码放在一个js文件中，然后在html中调用该函数。只是为了澄清，我对javascript的理解非常少，尽管我有使用php的经验。

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

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


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

然后在我的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');
    });
});

编辑添加了文档就绪功能

将一个js文件放在一起用于html

1 个答案: