2013-10-15 4 views
0

Я пытаюсь получить размер текста метки внутри DIV и Chech от размера 0 скрыть это Дивполучить размер текста ярлыка внутри div?

Обновить текст в классе dnn_ctr2802_View_lblHelp dnnHelpText

Javascript

$('.dnnTooltip').dnnTooltip(); 
    //get the size of the hiden label 
    var labelTextSize = $(".dnnHelpText").val().length; 
    console.log("labelTextSize"); 

    if(labelTextSize == 0) 
    { 
     $('.dnnTooltip').hide() 
    } 

HTML

<div class="pull-right eyeball"> 
    <img id="img_type" src="/ideaPark/DesktopModules/ExplorationTypeSaftyAlert/img/3.png" /> 
    <img id="img_safety_alert" class="eyeball-warning" src="/ideaPark/DesktopModules/ExplorationTypeSaftyAlert/img/exploration-warning.png" /> 
</div> 

<div class="dnnTooltip"> 
<label id="dnn_ctr2802_View_label"> 
    <a id="dnn_ctr2802_View_cmdHelp" tabindex="-1" href="javascript:__doPostBack(&#39;dnn$ctr2802$View$cmdHelp&#39;,&#39;&#39;)"><span id="lblLabel"></span></a> 

</label> 
<div id="dnn_ctr2802_View_pnlHelp" class="dnnFormHelpContent dnnClear" style="display:none;"> 

    <span id="dnn_ctr2802_View_lblHelp" class="dnnHelpText"> bnmbnmbnmbnmtfgjnfvyg</span> 
    <a href="#" class="pinHelp"></a> 

</div> 

ответ

1

попробовать это & BTW попытаться использовать JQuery UI функцию .remove()

var labelTextSize = $('.dnnHelpText').text().length; 
    console.log("text:" + labelTextSize.length); 
    if (labelTextSize == 1) { 
     $('.dnnTooltip').remove(); 
    } 
0

Попробуйте это:

var labelTextSize = $("#lblLabel").width(); 

И чтобы проверить, попробуйте следующее:

console.log(labelTextSize); 

UPDATE:

Как-нибудь работал у меня есть искать другой способ достичь этого. Я нашел this question и, возможно, он работает на вас.

Попробуйте это:

$(".dnnHelpText").bind("DOMSubtreeModified", function(){ 
    var labelTextSize = $(this).width(); 

    if(labelTextSize == 0) 
    { 
     $('.dnnTooltip').hide() 
    } 
}); 

Это snipet добавить прослушиватель событий, когда содержание label будет изменено. Итак, внутри события у вас может быть доступ к его свойствам для выполнения вашей рутины.

+0

увидеть обновление !! –

+0

@ninjaDeveloper, меняющий селектор на '$ (". DnnHelpText ")' не работает? – DontVoteMeDown

+1

это не сработало. LabelTextSize = 0 и скрыть все di.vdnnTooltip –

Смежные вопросы