Question

有人可以解释一下，这个按钮怎么样？

<div class="row">
  <div class="col-lg-6">
    <div class="input-group">
      <div class="input-group-btn">
        <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Action <span class="caret"></span></button>
        <ul class="dropdown-menu">
          <li><a href="#">Action</a></li>
          <li><a href="#">Another action</a></li>
          <li><a href="#">Something else here</a></li>
          <li role="separator" class="divider"></li>
          <li><a href="#">Separated link</a></li>
        </ul>
      </div><!-- /btn-group -->
      <input type="text" class="form-control" aria-label="...">
    </div><!-- /input-group -->
  </div><!-- /.col-lg-6 -->
</div>

可以触发此功能：

<button id="opener" class="ignoreRedirectionAlert">@Resources.Localization.add_record</button>

此外，我尝试在选择器中添加$(":submit, :radio, .link_button, #ShowAll,#ShowActive").on("click", function () { submitClicked = true; }); - 同样的结果，无论如何此按钮都会触发此功能。

Answer 1

BUTTON的默认行为是submit，因此使用:submit选择器附加了事件。

排除使用

:submit:not(.ignoreRedirectionAlert)

OR

<button type="button" id="opener" class="ignoreRedirectionAlert">@Resources.Localization.add_record</button>

Answer 2

它与:submit选择器匹配，默认情况下<button>元素为type="submit"，除非另有说明。

要让选择器避免使用此元素，请使用:submit:not(.ignoreRedirectionAlert)或将type="button"添加到HTML中的元素。您需要的具体取决于您是否希望按钮提交其父form元素。

JQuery选择器失败

2 个答案: