Question

我遇到了一个问题，即我的页面中的“按钮”标签都存在受toggle.js下拉效果影响。所以我决定在第一个添加一个id，所以我可以在“toggle.js”中调用它现在的问题是我不确定我应该在代码（js）中改变哪一个？谁知道如何定位一个带有id的按钮？

JsFiddle

这是toggle.js

$(function () {
img_arrow = '<img src="images/down-arrow.png" width="20" height="20" alt="" style="vertical-align:middle; padding-top: 0px;margin-left:2px"/>';

var $window = $(window),
    $nav = $('nav'),
    $button = $('button');

$button.on('click', function () {
    $nav.slideToggle();
});

$window.on('resize', function () {
    if ($window.width() > 320) {
        $nav.show();
    }
});

$('#menu a').click(function (e) {
    $('button').html($(this).html() + img_arrow);

    e.preventDefault();
});
});

提前谢谢！

Answer 1

这将是$("button#ID").on('click', function () ....

修改

根据你的小提琴，你的按钮有一个CLASS属性，而不是ID。所以上面的内容是$("button.submitButton").on('click' ...

或者如下面评论的那样，您可以简单地将其设为$(".submitButton")...，但我想要准确，只是因为您有多个具有相同类值的元素。

Answer 2

使用css语法使用jQuery选择项目。试试$("#yourID").on('click', function())....

如何使用javascript在html中定位id或类？

2 个答案: