Tıklamada <div>
bir öğeye ekleyen bir işlevim var . İşlev, tıklanan öğenin metnini alır ve adlı değişkene atar name
. Bu değişken daha sonra <div>
id
ekteki eleman olarak kullanılır .
Ben öğeyi eklemeden önce a <div>
id
ile name
zaten var olup olmadığını görmek gerekir ama bunu nasıl bulacağımı bilmiyorum.
İşte benim kod:
$("li.friend").live('click', function() {
name = $(this).text();
// if-statement checking for existence of <div> should go here
// If <div> does not exist, then append element
$("div#chatbar").append("<div class='labels'><div id='" + name + "' style='display:none;'></div>" + name + "</div>");
// Else
alert('this record already exists');
});
Bu oldukça basit görünüyor ama " Sınıf adı aranırken beklenmeyen dosya sonu " hatasını alıyorum . Bunun ne anlama geldiğine dair hiçbir fikrim yok.
if (document.getElementById(name)) {
$("div#" + name).css({bottom: '30px'});
} else {
$("div#page-content div#chatbar").append("<div class='labels'>" + name + "</div><div id='" + name + "'></div>");
}
Dahası, bu öğeyi kapatırsam daha sonra div id [name]
belgeden kaldırması gereken ancak .remove()
bunu yapmayan bu öğeyi silmek istiyorum .
İşte bunun için kod:
$(".mini-close").live('click', function(){
$(this).parent().remove();
});
.mini-close
Ekleme işlevine bir çocuk olarak ekledim , bu .labels
yüzden <div>
gerekirse ekli olanı kapatmanın bir yolu vardı. Tıkladıktan .mini-close
ve aynı adı tekrar tıklatmaya çalıştıktan sonra li.friends
hala ifademin div id [name]
ilk bölümünü bulur ve döndürür if
.
$("div#" + name).css({bottom: '30px'});
yanlış, olmalı$("div#" + name).css('bottom', '30px');