2

私はこのコードを持っています。結果ごとに異なる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>
4

3 に答える 3

0

jQueryを使用してCSSクラス（ドキュメント）を関連する要素に追加し、必要に応じてそれらのクラスのスタイルを設定できます。

于 2012-07-17T15:34:48.933 に答える
0

.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');
            }    
        }
    });
于 2012-07-17T15:39:42.687 に答える
0 
$(".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');
        }
    }
}
});
于 2012-07-18T09:08:13.520 に答える