Question

我正在尝试禁用点击并在JQM中添加类导航栏项。点击行为很容易防止，但我正在试图弄清楚如何防止将ui-btn-active类应用于被点击的元素。我只需要在当前===“Enter New”或当前===“Enter Stats”

时阻止点击行为

防止点击很容易，但即使点击和导航被阻止，我也无法弄清楚如何防止添加类。

$(document).on("pageshow", "[data-role='page']", function () {
    var current = $(this).jqmData('title');
    $("[data-role='header'] h1").text(current);
    $("[data-role='navbar'] a.ui-btn-active").removeClass("ui-btn-active");

    // Add active class to current nav button

    $("[data-role='navbar'] a").each(function () {
        if ($(this).attr('data-id') === current || $(this).attr('data-alt') === current) {
            $(this).addClass('ui-btn-active');
        }
    });

    if (current === "Enter New" || current === "Enter Stats") {
        $("[data-role='navbar'] a").click(function () {
            event.preventDefault();
        });
    };
});

Answer 1

你必须采取其他方式：

 $("[data-role='navbar'] a").click(function () {
    if (current === "Enter New" || current === "Enter Stats") {
        event.preventDefault();
    }
 });

Answer 2

在点击处理程序中添加if()条件。

 $("[data-role='navbar'] a").click(function (event) {
     if (current === "Enter New" || current === "Enter Stats") {
         event.preventDefault();
     }

 });

防止添加课程同时防止点击

2 个答案: