Tôi đã tạo một biểu mẫu tìm kiếm bằng API tìm kiếm. Sau khi nhấp vào nút tìm kiếm, kết quả tìm kiếm hiển thị do API tìm kiếm. Sử dụng các hành vi drupal, tôi đã thêm một sự kiện nhấp vào nút tìm kiếm, khi nó được nhấp vào màn hình của menu phụ: không có; và xóa nút tìm kiếm - display:block;
Sự kiện nhấp chuột không hoạt động trên nút tìm kiếm. Nó luôn hiển thị kết quả trên mỗi lần nhấp nhưng không thay đổi thuộc tính hiển thị.
Có ai có thể giúp tôi trong việc này không?
(hàm (Drupal, $) {
Drupal.behaviors.icecreamBehaviors = {
đính kèm: chức năng đính kèm (bối cảnh) {
$(tài liệu, ngữ cảnh).once('icecreamBehaviors').each(function () {
// e.stopPropagation();
var searchBtn = $('#edit-submit-search-view');
var inputFrm = $('#edit-search-api-fulltext')
var leftSubMenu = $('#block-leftsubmenu');
var subMenuList = $('#sub_Menu');
var followUs = $('#block-followus-2');
var clearSrch = $('#clear-search');
var view_content = $('.view-content');
searchBtn.prop("đã tắt", đúng);
$('#xóa tìm kiếm').hide();
inputFrm.on("thay doi", function() {
if ($('#edit-search-api-fulltext').val().length >= 2) {
searchBtn.prop("đã tắt", sai);
} khác {
searchBtn.prop("đã tắt", đúng);
}
});
searchBtn.on('click', function() {
leftSubMenu.css("hiển thị", "không");
subMenuList.css("hiển thị", "không");
followUs.css("hiển thị", "không");
$('#clear-search').show();
});
$(document).on('click', '#clear-search', function () {
leftSubMenu.css("hiển thị", "khối");
subMenuList.css("hiển thị", "khối");
followUs.css("hiển thị", "chặn");
$('.search-content > .view-content').hide();
$('#xóa tìm kiếm').hide();
$("input[name^='search_api_fulltext']").val('');
$('.search-content > .view-header').hide();
console.log("Xóa công việc tìm kiếm!");
});
});
}
};
})(Drupal, jQuery);