[英]Instafeed.js - Instagram script CSS Styling Not Applying To Elemements
[英]Applying CSS to script
我有這個代碼。 如何為每個結果設置不同的CSS樣式-正確與錯誤。
CSS樣式是wordglow1和wordglow2 ...
$(".drop").droppable({
drop: function(event, ui) {
word = $(this).data('word');
guesses[word].push($(ui.draggable).attr('data-letter'));
console.log(guesses);
if (guesses[word].length == 3) {
if (guesses[word].join('') == word) {
alert('Correct');
} else {
alert(guesses[word].join('') + ' is the incorrect spelling. The word is spelt - ' + word)
}
$('td[data-word=' + word + ']').droppable('disable');
}
}
});
這些是我需要分配給條件的班級...
<div id="rightanswer" class="wordglow2"></div>
<div id="wronganswer" class="wordglow"></div>
您可以使用jQuery將CSS類( 文檔 )添加到相關元素,並根據需要設置樣式。
.addClass是你的朋友
$(".drop").droppable({
drop: function(event, ui) {
word = $(this).data('word');
guesses[word].push($(ui.draggable).attr('data-letter'));
console.log(guesses);
if (guesses[word].length == 3) {
if (guesses[word].join('') == word) {
$(selector).addClass('corrent');
alert('Correct');
} else {
alert('Incorrect');
$(selector).addClass('wrong spelling')
}
$('td[data-word=' + word + ']').droppable('disable');
}
}
});
$(".drop").droppable({
drop: function(event, ui) {
word = $(this).data('word');
guesses[word].push($(ui.draggable).attr('data-letter'));
console.log(guesses);
if (guesses[word].length == 3) {
if (guesses[word].join('') == word) {
$('td[data-word=' + word + ']').addClass("wordglow2");
alert('Correct');
} else {
$('td[data-word=' + word + ']').addClass("wordglow");
alert('Incorrect');
}
}
}
});
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.