【问题标题】:JQUERY function won't loadJQUERY 函数不会加载
【发布时间】:2015-03-13 21:33:52
【问题描述】:

做一个巨大的项目 atm,我遇到了一个 JQ 函数没有加载的问题。 老实说,我已经看了很多次了。我找不到错误。我可能正在对其进行隧道展望或其他事情,因为像这样基本的事情真的不应该困扰我。

http://jsfiddle.net/qwb4wrg6/

为了解决这个问题,我创建了一个小提琴。

简而言之问题:
右边的角度,不会改变类

$(function () {
$("click-nav1").click(function () {
    if ($("#MYFEED_ANGLE").hasClass("fa fa-angle-down")) {
        $("#MYFEED_ANGLE").removeClass("fa fa-angle-down").addClass("fa fa-angle-up");
    }
    else {
        $("#MYFEED_ANGLE").removeClass("fa fa-angle-up").addClass("fa fa-angle-down");
    }
});
});
$(function () {
$('.click-nav1 > ul').toggleClass('no-js js');
$('.click-nav1 .js ul').hide();
$('.click-nav1 .js').click(function (e) {
    $('.click-nav1 .js ul').slideToggle(200);
    $('.clicker1').toggleClass('active');
    e.stopPropagation();
});
$('.click-nav1').click(function () {
    if ($('.click-nav1 .js ul').is(':visible')) {
        $('.click-nav1 .js ul', this).slideUp();
        $('.clicker1').removeClass('active');
    }
});
});

【问题讨论】:

  • div右侧的下翻角度。如果仔细观察,可以在小提琴结果的右侧看到它。
  • 哦,是的。笨蛋吧!?已修复,但仍有问题。
  • 是 "$("click-nav1").click" 缺少 "."在类参考中?

标签: jquery function class if-statement


【解决方案1】:

hasClass("fa fa-angle-down") 无效。 "fa fa-angle-down" 是两个类。

其他错误: $("click-nav1") 无效。 click-nav1 是一个类而不是一个标签,并且需要一个 .在前。 click-nav1 是放置事件的错误元素,因为您有其他javascript可以阻止点击传播到该元素。将其更改为 clicker1 上的点击事件。

固定在这里:http://jsfiddle.net/qwb4wrg6/1/

【讨论】:

  • 开导我。 “fa fa-angle-down”两个类怎么算?
  • @RasmusHjorthLüdeking 空格" " 用于分隔多个类。当您分配像 class="fa fa-angle-down" 这样的类时,它会被赋予两个类 fafa-angle-down 类。
  • 哇,我不知道这件事——猜想我以前从来没有指定过两个类。好吧,正如我所料,“fa fa-angle-up”被编码到 font-awesome 的 css 中,有没有办法绕过这个“空间”问题,你会知道吗?
  • @RasmusHjorthLüdeking 做类似的事情:hasClass("fa-angle-down")
  • 从 javascript 检查中删除“fa”,它始终具有 fa 类,因此不需要检查并删除它只是为了将其添加回来。此外,根本不需要整个点击事件,因为您已经在链接上放置了活动类,并且您不需要另一个点击事件来从内部内容中添加/删除类。但是,您需要更改 CSS。
猜你喜欢
  • 2017-05-07
  • 1970-01-01
  • 2018-02-10
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多