2013-09-01 4 views
3

Я использую JQuery, чтобы скрыть движущуюся DIV, когда нажмите на я использую этот код:JQuery вопрос скрыть окно

$("#image").click(function() { 
    $("#image").hide(); 
}); 

$(document).mousemove(function(e){ 
    $("#image").css({left:e.pageX, top:e.pageY}); 
}); 

хорошо коробка двигаться, но даже когда я нажимаю на него не disapear!

+3

Не могли бы вы создать JSfiddle? – Rich

+0

проблема заключается в работе с fuction на jsfidlle, но не на моем сайте – checkopenport

+0

Вы проверили консоль на наличие ошибок на вашем сайте? – j08691

ответ

0

Создать CSS класс

.hidden { 
    display:none; 
} 

(или visibility:hidden;)

... и переключаться так:

$("#image").click(function() { 
    $(this).addClass("hidden"); 
}); 
+0

Работало отлично! но я решил использовать: onclick = "this.style.visibility = 'hidden'" – checkopenport

+0

@checkopenport Вы также можете использовать jquery '.toggle()', но я считаю, что этот метод проще управлять –

+0

, чтобы придерживаться jQuery, вы также можете используйте '$ (this) .css (« видимость »,« скрытый »);' –