javascript - JQuery 在后台加载页面

Question

我的网站中有一些菜单选项卡。当用户单击其中一个时，它会展开或隐藏，但当它这样做时，会加载一个页面(在后台)以按照他想要的方式保存(无需刷新)。

我正在使用这个:

function ajaxLink(){
var age = $("#age").val();
$.get("<?php echo _SITE_ADDRESS; ?>/linktab/1",{"age":age},function(r){   });
}

这不是为此目的，但它适用于单个选项卡；如果我想添加更多选项卡，那么我必须添加更多选项卡并更改函数名称，并且在 a href 中我必须添加 onclick="ajaxLink()"。

(年龄变量毫无理由地存在。在不破坏代码的情况下我无法将其取出。)

如何更改它以使其成为单个 jQuery，以便当用户单击 id=1 的选项卡时，它会转到 /linktab/1，而 id=2 的选项卡则会转到 /linktab/2，等等。

谢谢

Answer 1

如果我是你，我会采取的第一步是向你想要用来触发此功能的所有元素(你点击的东西)添加一个类。您可以从中删除 onClick。给他们所有的类“ajaxLink”或任何你喜欢的类。还给他们一个 id，即选项卡的编号。例如:

<div class="ajaxLink" id="2"></div>

$('.ajaxLink').click(function(event){
    ajaxLink(event.target.id);
});

function ajaxLink(id){
    var age = $("#age").val();
    $.get("<?php echo _SITE_ADDRESS; ?>/linktab/"+id,
        {"age":age},function(r){   });
}

根据我对你问题的理解，如果你以前的代码有效，那么这也应该有效。如果没有，请告诉我您遇到的错误。