Tôi có 4 nút sử dụng tính năng "nút" của giao diện người dùng Jquery. 3 làm việc hoàn hảo. thứ 4 dường như không muốn luôn áp dụng lớp di chuột jquery ui "ui-state-hover" khi nó được di chuột. nó làm một số thời gian, nhưng hầu hết thời gian nó chỉ áp dụng một lớp "hover" (tôi đang xem nó trong firebug) và rõ ràng là không phù hợp với w/phong cách css của họ. không ai có bất kỳ ý tưởng những gì heck có thể gây ra sự khác biệt?các nút jquery ui không phù hợp với trạng thái di chuột
EDIT: tôi nghĩ rằng đó là xung đột giữa nút Giao diện người dùng và Trình tải lên Ajax. đây là một số mã được cắt xén mà tôi đang sử dụng.
$('.upload_img').button({
icons: {
primary: 'ui-icon-folder-open'
},
label: "Browse"
})
jQuery('.upload_img').each(function(){
var button = jQuery(this);
var ID = jQuery(this).attr('value');
var container = jQuery(this).parent();
//prevent the clicks from its default 'form submit' behavior
$(this).click(function() {
return false;
});
new AjaxUpload(button, {
action: ajaxurl,
name: ID , // File upload name
data: { // Additional data to send
action: 'save_function',
type: 'upload',
_nonce: '<?php echo $nonce; ?>',
key: ID },
onSubmit: function(file , ext){
this.disable(); // If you want to allow uploading only 1 file at time, you can disable upload button
},
onComplete: function(file, response) {
this.enable(); // re-enable upload button
if(response == 99){
//alert(response);
show_message(5); // failure
t = setTimeout('fade_message()', 2000);
}
// If there was not an error
else{
show_message(4); // success
t = setTimeout('fade_message()', 2000);
}
}
});
});
Tôi cũng thấy điều này, đặc biệt là sau khi bạn tắt/bật chúng – redsquare
hmmm có thể là vậy. nút của tôi là cho một tập tin tải lên (bằng cách sử dụng ajaxuploader) và nó có được tắt và tắt bởi plugin đó. đã cố gắng loại bỏ những thứ vô hiệu hóa, nhưng không may mắn. có thể chỉ là trường hợp của hai plugin không phát cùng. – helgatheviking
Bạn có thể hiển thị một số mã tối thiểu để thoát khỏi điều này không? –