jQuery addClass không áp dụng kiểu động

Question

Tôi đang cố áp dụng kiểu động vào một vài danh sách thả xuống trong trang của mình. Sử dụng jQuery addClass thực sự thêm lớp vào tất cả các phần tử 'Chọn', vì tôi có thể thấy lớp này từ bảng điều khiển Chrome của mình. Tuy nhiên, các kiểu không được áp dụng cho các phần tử.

Bây giờ nếu tôi tự thêm lớp vào từng phần tử chọn riêng lẻ, sau đó lưu trang và làm mới, kiểu được áp dụng cho phần tử.

Bất kỳ ý tưởng nào về việc kiểu dáng không được áp dụng với việc phun lớp jquery?

$("select").addClass("select js-select"); 

Answer 1

Bạn nói rằng các kiểu không được áp dụng, nhưng các lớp "chọn js-select" có được thêm vào các đầu vào được chọn không? Sau đó, phải có một số vấn đề với css hoặc có thể là trình duyệt.

$ ("chọn"). AddClass (..) sẽ hoạt động, không yêu cầu bạn chỉ định theo ID hoặc lớp.

Answer 2

Ví dụ này hoạt động:

<p><a href="#" id="clicker">Add Class</a></p> 
<div id="select">Hello World</div> 

javascript

$("#clicker").click(function() { 

    $("#select").addClass("select js-select"); 
}); 

Từ nhìn vào mã của bạn, có vẻ như rằng $ ("select") nên có hoặc là một ID hoặc chọn lớp trên đó. Bằng cách có một trong những bộ chọn đó, mã của bạn sẽ biết mục tiêu để áp dụng các kiểu. Nếu không, mã của bạn hoạt động tốt.

Chúc may mắn và hy vọng điều này sẽ hữu ích.

Answer 3

Hoạt động tốt nếu bạn thay đổi onDomReady thành onLoad. Giống như trong http://jsfiddle.net/gc3wQ/9/