jquery - コードは .show() なしでは機能しません - jQuery

Question

    this.randomtip = function(){
        var length = $("#showcase ul li").length;
        var ran = Math.floor(Math.random()*length) + 1;
        $("#showcase ul li:nth-child(" + ran + ")").show();
    };
    randomtip();

..上記のコードは最終的にはうまく機能します.show()が、変更すると機能し.addClass('show')なくなります。

default の代わりにすべての項目にfloat:leftプロパティを適用する代わりに、クラスを指定したいと思います。これを修正するにはどうすればよいですか?lidisplay:list-item

ありがとう！

Answer 1

ジョーダンの答えの後：

from を置き換えてdisplay:noneからli、次の方法でクラスを追加できます。

$("#showcase ul li:nth-child(" + ran + ")").css('display','').addClass('show');

Answer 2

そもそも要素をどのように隠していますか？たとえば、に設定している場合display: none、または同じことを行う jQuery の hide() を使用している場合、他の場所で定義された CSS をオーバーライドし、要素を削除するまで非表示のままにします。.show()（を削除するdisplay: none）と.addClass('show')（CSSクラスを追加する）の両方を使用すると機能するはずです。

Answer 3

交換してみる

$("#showcase ul li:nth-child(" + ran + ")").show();

これで

$("#showcase ul li:nth-child(" + ran + ")").addClass('show').show();

Answer 4

の代わりに/display: noneを使用.addClass('hidden').removeClass('hidden')