javascript - jquery中如何检测按钮是否折叠？

Question

我有以下按钮:

 <button class="mdl-button mdl-js-button mdl-button--icon js-user-btn is-collapsed" data-quoteid="@user.UserId">
       <i class="icon-chevron-right"></i>
</button>

我在该按钮上有一个点击事件:

  $('.js-user-btn').click(function() {

  $.ajax({
            type: "POST",
            url: "@(Url.Action("GetUserDetails", "User"))",
            data: {
                "user": id,
                "language": "en-GB"
            },
            success: function (data) {    // I want to trigger the an ajax function here, on the first click of the button. 

On the second the click of the button, the ajax should not be triggered. }

我想在第一次单击按钮时触发 ajax 函数。

第二次单击按钮时，不应触发 ajax。

Answer 1

jQuery 有一个方法可以解决这个问题:

https://api.jquery.com/one/

来自文档:

Description: Attach a handler to an event for the elements. The handler is executed at most once per element per event type.

就您而言:

$('.js-user-btn').one('click', function() {...