2016-05-04 10 views
0

li要素の高さに基づいて値を変更したいと思います。 ここでは使用できないデータベースの値に基づいて要素が表示されます。ここで高さli要素が変数を変更する

は私のHTMLコードです:

<li id="ul_customer1"> 
    <a href="" ng-click="menu('pages/1.html')" id="menu-1" class="editable nav-label">Achtergronddata</a> 
</li> 

そして、私のJavascriptコード:

隠されたときのLi = 129の高さは、それがI 4.

あるアクティブ

if($("ul_customer1").actual("height") > 5) { 
    var customer= 1; 
} else { 
    var customer= 0; 
} 

また、 "可視"と "CSS表示ブロック"を試みましたが、それらは動作しません。

liの要素の高さに基づいてvarカスタマーを変更するにはどうすればよいですか?

おかげで、

イザベル

+3

'.actual()'とは –

+0

これはanglejsアプリですか?もしそうなら、あなたはこの種のコードを指令に書くべきです。 – yeouuu

答えて

0

あなたはouterHeight()またはheight()機能を使用することができます

if ($("#ul_customer1").height() > 5) { 
    var customer = 1; 
} else { 
    var customer = 0; 
} 

をそして、あなたはidため#を与えることを確認してください。

ここにあなたのためのデモです:

#ul_customer1内の何もないときは...

$(function() { 
 
    if ($("#ul_customer1").height() > 5) { 
 
    var customer = 1; 
 
    } else { 
 
    var customer = 0; 
 
    } 
 
    alert(customer); 
 
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div id="ul_customer1"></div>

#ul_customer1内部の何かがあります場合は...

$(function() { 
 
    if ($("#ul_customer1").height() > 5) { 
 
    var customer = 1; 
 
    } else { 
 
    var customer = 0; 
 
    } 
 
    alert(customer); 
 
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div id="ul_customer1">Hello<br />Hi</div>

注:これは私にはX-Yの問題のように見えます。私はあなたが特定の要素が空であるかどうかを確認していると信じています。その場合は、代わりに:is(empty)を使用してください。

+0

あなたの答えをありがとう、残念ながらそれは動作しません。他のアイデア? – Isabelle

関連する問題