ปุ่มส่งของแบบฟอร์มที่เปิดเผยไม่ทำงานเมื่อคลิกครั้งที่ 2 ในลักษณะการทำงานของ drupal

ฉันได้สร้างแบบฟอร์มการค้นหาโดยใช้ API การค้นหา หลังจากคลิกที่ปุ่มค้นหา ผลการค้นหาจะแสดงขึ้นเนื่องจาก API การค้นหา การใช้พฤติกรรม drupal ฉันได้เพิ่มเหตุการณ์การคลิกบนปุ่มค้นหา ซึ่งเมื่อคลิกแล้วเมนูย่อยจะแสดงผล: ไม่มี; และล้างปุ่มค้นหา - display:block;

เหตุการณ์การคลิกไม่ทำงานบนปุ่มค้นหา แสดงผลทุกครั้งที่คลิกแต่ไม่เปลี่ยนแปลงคุณสมบัติการแสดงผล

ใครสามารถช่วยฉันในเรื่องนี้?

(ฟังก์ชัน (Drupal, $) {

  Drupal.behaviors.icecreamBehaviors = {
    แนบ: แนบฟังก์ชัน (บริบท) {
      $(เอกสาร บริบท).once('icecreamBehaviors').each(function () {
        // e.stopPropagation();
        var searchBtn = $('#edit-submit-search-view');
        var inputFrm = $('#edit-search-api-fulltext')
        var leftSubMenu = $('#block-leftsubmenu');
        var เมนูย่อย = $('#sub_Menu');
        var followUs = $('#block-followus-2');
        var clearSrch = $('#ล้างการค้นหา');
        var view_content = $('.view-content');


        searchBtn.prop("ปิดใช้งาน", จริง);
        $('#ล้างการค้นหา').ซ่อน();

        inputFrm.on ("เปลี่ยน", ฟังก์ชัน () {
          ถ้า ($('#edit-search-api-fulltext').val().ความยาว >= 2) {
            searchBtn.prop("ปิดการใช้งาน", เท็จ);
          } อื่น {
            searchBtn.prop("ปิดใช้งาน", จริง);
          }
        });

        searchBtn.on ('คลิก' ฟังก์ชัน () {
          leftSubMenu.css("แสดง", "ไม่มี");
          subMenuList.css("แสดง", "ไม่มี");
          followUs.css("แสดง", "ไม่มี");
          $('#clear-search').show();
        });

        $(document).on('click', '#clear-search', function () {
          leftSubMenu.css("แสดง", "บล็อก");
          subMenuList.css("แสดง", "บล็อก");
          followUs.css("แสดงผล", "บล็อก");
          $('.search-content > .view-content').hide();
          $('#ล้างการค้นหา').ซ่อน();
          $("อินพุต[ชื่อ^='search_api_fulltext']").val('');
          $('.search-content > .view-header').hide();
          console.log("ล้างการค้นหาได้ผล!");
        });
      });
    }
  };
})(Drupal, jQuery);