Chuyển code js sang jquery

#1

Em có đoạn code js như thế này.

var modal = document.getElementById('myModal');
window.onclick = function(event) {
    if (event.target == modal) {
        modal.style.display = "none";
    }
}

Và e thử viết lại đoạn này theo jquery như thế này:

    $(window).click((event)=>{
            if(event.target == $('#myModal')){
                $('#myModal').css('display','none')
            }
    })

Cho em hỏi là đoạn Jquery của em sai chổ nào ạ.

#2

Sai ở chỗ if

event.target nó khác ('#myModal')

Một là $(event.target) == $('#myModal')
Không thì

 $(#myModal).click((event)=>{
    $('#myModal').css('display','none')
   // $(event.target).css('display','none')
})
2 Likes
#3

Bạn debug xem nó sai chỗ nào =))
Ý tưởng bài thì không sai nhưng chắc là sai cú pháp gì/ thuộc tính đó :v
Hoặc bạn có thể code lại theo ý tưởng sau :

Jquery click vào element có id là ‘myModal’ thì set display = none. ( Không liên quan gì đến window nữa)

Ngoài ra, jquery có phương thức hide() để ẩn element, bạn có thể tham khảo :smiley:

1 Like
#4

Sai ở chỗ if:

  • event.target là DOM, tương ứng với modal phía trên
  • $(’#myModal’) là jQuery Object - nó là wrapper của DOM

Trong trường hợp này bạn có thể sửa đoạn so sánh trên thành:

if(event.target == $('#myModal')[0])
3 Likes
#5

cảm ơn anh nhiều nha

#6

Có vẻ như bạn đang muốn check nếu người dùng click ra ngoài modal thì ẩn modal.

b tham khảo đoạn code này nhé
http://jsfiddle.net/tedp/aL7Xe/1/

1 Like
83% thành viên diễn đàn không hỏi bài tập, còn bạn thì sao?