JQuery динамического контент генерируется динамическим контентом

(function(){ 
    if (typeof $(".grid") === "undefined") { 
     return false; 
    } else { 
     var count = 0; 
     var images_to_place_container = ".grid"; 
     for (var image in images_to_place) { 
      $(images_to_place_container).prepend("<div class = grid-item><div class=grid-item-hover></div><a href=work.php><img src=" + images_to_place[count] + "></a></div>"); 
      count++; 
     } 
    } 
})();

У меня есть этот код, который динамически генерирующие изображения для сайта, теперь то, что я хочу, что когда я наведите курсор мыши на один из этих элементов, я хочу, чтобы динамически генерировать DIV, который того же размера и в том же положении, что и динамически сгенерированный объект, над которым я навис. Кроме того, все элементы абсолютно позиционируются с использованием CSS. Благодарю.JQuery динамического контент генерируется динамическим контентом

источник

2016-09-14 Patrick Traile

'$' 'метод jQuery' всегда возвращает' 'object' и object' никогда не' falsey' value .. – Rayon

Если вы хотите проверить, что совпадающие элементы не существуют, используйте '$ (". grid "). length === 0' или просто'! $ (". grid"). length'. –

oh что я должен сказать вместо того, чтобы возвращать false? (хотя код работает, любые советы по этому вопросу?) –

<body> 
<div class='container'> 
</div> 
</body> 
<script> 
$(document).ready(function(){ 
    //this dynamically "creates" the images... 
    $(".container").append("<img src='something.png' class='abc'>"); 

    //this watches for click triggers on dynamically created elements 
    $(".container").on("click", "img.abc", function(){ 
     var pos_top = $(this).css("top"); 
     var pos_left = $(this).css("left"); 
     var obj = "<div class='def'></div>"; 
     $(obj).css("top", pos_top); 
     $(obJ).css("left", pos_left); 
     $(".container").append(obj); 
    }); 
}); 
</script>

Дайте классы abc и def необходимые правила CSS, такие как положение, края и т.д.

источник

2016-09-14 05:40:06

JQuery динамического контент генерируется динамическим контентом

ответ

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