Jquery - Показать подсказку, если диапазон пуст - PullRequest
Новая
       6

Jquery - Показать подсказку, если диапазон пуст

1 голос
/ 18 марта 2011

Я пытаюсь показать только #tooltip, когда span # attr-val пуст. Но мое утверждение IF, похоже, не работает, подсказка всегда показывает, является ли интервал пустым или нет ... любая помощь очень ценится! 

$(document).ready(function() {

    if ($("#attr-val").is(":empty")) { 
        $("#addtobag > input").hide( );
        $("#addtobag").hover(function(e){                                             
            this.t = this.title;
            this.title = "";
            $("#addtobag").css("cursor","pointer");                               
            $("body").append("<p id='tooltip'>Please Select A Size</p>");
            $("#tooltip")
                .css("top",(e.pageY - 10) + "px")
                .css("left",(e.pageX + 20) + "px")
                .show();        
        },
        function(){     
            $("#tooltip").remove();
        }); 
        $("#addtobag").mousemove(function(e){
            $("#tooltip")
                .css("top",(e.pageY - 10) + "px")
                .css("left",(e.pageX + 20) + "px");
        }); 
    }
});

Пример HTML ниже: 

<div>
<div class="options">
    <span class="prompt">
    Size: <span id="attr-val"></span><br />
    </span>

    <span>
        <input type="radio" name="Product_Attributes[1]:value" value="6" /> <a class="radio-select" href="#">6</a></span>
    <span>
        <input type="radio" name="Product_Attributes[1]:value" value="6.5" />   <a class="radio-select" href="#">6.5</a></span>
        <p class="soldout" title="Sold Out">7</p>
    <br class="clear" />
</div>

<span id="addtobag"><input type="image" src="/images/2011/btn_addtobag.gif" alt="" /></span>

...