jqTransform Update Chọn Tùy chọn

Question

Tôi đang tự động thay đổi tùy chọn của một danh sách lựa chọn. Tôi đang sử dụng plugin jqTransform. Nó sẽ không tự động cập nhật, mà tôi đã không mong đợi nó sẽ, nhưng tôi có thể tìm thấy một phương pháp để cập nhật màn hình. Tôi thậm chí không thể tìm thấy một phương pháp để loại bỏ nó hoàn toàn.

Điều tôi muốn là tìm một phương thức như formelement.jqTransformUpdate() sẽ sửa lỗi này. Bất kỳ ý tưởng?

Answer 1

Tôi biết đó là một câu hỏi cũ, nhưng có thể nó giúp ích cho ai đó. Tôi không thể tìm thấy câu trả lời, vì vậy tôi nhìn vào mã jqtransform.js.

Chỉ cần bình luận dòng này:

if($select.hasClass('jqTransformHidden')) {return;} 

Và sau đó, sau khi "onchange" sự kiện chạy:

$('#container select').jqTransSelect(); 

Answer 2

hi hãy thử những điều sau đây để lựa chọn nộp đơn lại phong cách để vừa tạo hoặc chọn hộp trở về từ yêu cầu ajax

$ ('# chứa chọn') jqTransSelect().

Answer 3

function selectRating(rating) { 
    $("#ratingModal .jqTransformSelectWrapper ul li a").each(function() { 
    if (parseInt($(this).attr("index")) == rating - 1) { 
     $(this).click(); 
    } 
    });  
} 

Hàm JS tôi đã sử dụng trong ứng dụng của riêng tôi để chọn tùy chọn cụ thể với xếp hạng đã cho. Tôi nghĩ bạn có thể sửa đổi nó để đáp ứng nhu cầu của bạn.

Ý tưởng là sử dụng trình xử lý sự kiện a.click để chọn tùy chọn cụ thể trong danh sách chọn được chuyển đổi.

Answer 4

về vấn đề này:

Đó thêm một thả xuống trang mỗi khi tôi gọi ngay bây giờ

Khi bạn nhận xét dòng này:

if($select.hasClass('jqTransformHidden')) {return;} 

thêm này chỉ dưới đây:

if($select.hasClass('jqTransformHidden')) $select.parent().removeClass(); 

nó không phải là một giải pháp rất thanh lịch, nhưng nó hoạt động trong trường hợp của tôi, sau đó chọn mới vẫn lồng vào bên trong con và vân vân nhưng nó hoạt động tốt.

Answer 5

Nó có thể là tốt hơn, cố gắng thêm phương pháp mới trong jqtransform.js:

$.fn.jqTransSelectRefresh = function(){ 
    return this.each(function(index){ 
     var $select = $(this); 

     var i=$select.parent().find('div,ul').remove().css('zIndex'); 
     $select.unwrap().removeClass('jqTransformHidden').jqTransSelect(); 
     $select.parent().css('zIndex', i); 

    }); 
} 

sau đó, chỉ cần gọi nó mỗi khi bạn cần phải làm mới thả xuống:

$('#my_select').jqTransSelectRefresh();