2016-08-03 14 views
0

CSSセレクタを使用しているときにjQueryがCSSと同じフォーマットを使用していると仮定しています。私は、コンソールを表示するときJQuery CSSセレクタ構文エラー?

はしかし、私は(問題を試してみて、見つけるためにログを持つ)私のJSに次の行

boxheight = $('.item .active > .html-carousel-slide > .slide-content-box').height(); 
    console.log(boxheight); 

を持っている今、それはちょうど私がそれことを仮定している、ヌル言うログイン正しく選択されなかったため、最初に変数が初期化されず、Nullに残りました。

要素を間違って選択していますか?間違いなく正しい階層。

+0

私にとってうまく動作します:https://jsfiddle.net/v750dsL5/ 問題のあるHTMLは何ですか? – Mogzol

+0

@ person66私は基本的に、ボックスの垂直な中心を一定にするために、ボックスの上部プロパティを(スライダの高さ - (ボックスの高さ/ 2))に変更する関数を作成しています。 スライドのHTMLです。 –

+0

あなたの質問に[mcve]を投稿してください。 – j08691

答えて

3

お客様のHTMLに<div class="item active">という要素があり、.item .activeで間違って選択しようとしています。代わりに.item.activeを使用してください。クラス間のスペースには、itemのすべての要素の子孫であるクラスactiveを持つすべての要素が選択されています。あなたが本当に言いたいのは、の項目を選択することでした。項目とアクティブなクラスの間のスペースを削除することによって行います。

関連する問題