jquery - 如果没有点击，如何组合我的 jQuery 并设置默认内容

Question

可以用简单的代码组合下面的 jQuery 吗？

$(document).ready(function () {
    $("a.type").live('click', function () {
        var type = $(this).data("id");
        $('#advertisements').load("ads.php?" + type);
    });
    $("a.maincat").live('click', function () {
        var maincat = $(this).data("id");
        $('#advertisements').load("ads.php?" + maincat);
    });
    $("a.subcat").live('click', function () {
        var subcat = $(this).data("id");
        $('#advertisements').load("ads.php?" + subcat);
    });
    $("a.region").live('click', function () {
        var region = $(this).data("id");
        $('#advertisements').load("ads.php?" + region);
    }); 
    $("a.byuser").live('click', function () {
        var byuser = $(this).data("id");
        $('#advertisements').load("ads.php?" + byuser);
    });     
});

根据此代码，如何加载默认内容是通过 $('#advertisements').load("ads.php?"+ 1);

当前需要点击加载特定内容。

让我知道

Answer 1

描述

您可以使用多个选择器，因为您始终需要来自 id 属性的数据 并每次都从同一个脚本加载。

示例

$(document).ready(function () {
    $("a.type,a.maincat,a.subcat,a.region,a.byuser").live('click', function () {
        var id = $(this).data("id");
        $('#advertisements').load("ads.php?" + id);
    });   

    $('#advertisements').load("ads.php?" + 1);
});

更多信息

• jQuery - Multiple Selector (“selector1, selector2, selectorN”)

更新

您确定需要 $(this).data("id") 而不是被点击元素的 ìd 值吗？

如果您想要 id 属性中的值，请执行此操作

var id = $(this).attr("id");

而不是

var id = $(this).data("id");

-jsFiddle Demonstration