javascript - 如何优化我的加载 JQuery 函数？

Question

我的边栏包含很多标题。我不想为他们所有人写一个函数。这是一个代码:

$("#menu_documentations").click(function () {
$("#sites").load("documentations/documentations_doc.php");
$("html, body").animate({ scrollTop: 0 }, "slow");
return false;
 });

侧边栏的 id 总是看起来像“#menu_xyz”，加载 php 使用相同的“xyz_doc.php”。

如何避免一个一个写？!

Answer 1

为 url 使用类和数据属性HTML:

<a class="load-ajax" href="#" data-url="coustom-page-name.html">Link</a>

或

<a class="load-ajax" href="coustom-page-name.html">Link</a>

js:

$(".load-ajax").click(function () {
var url = $(this).attr('data-url');//$(this).attr('href');
$("#sites").load(url);
$("html, body").animate({ scrollTop: 0 }, "slow");
return false;
 });