JS를 사용하여 일부 이벤트 핸들러를 바인딩하고 나중에 AJAX 호출을 만드는 페이지가 있습니다. AJAX가 실행될 때까지 모든 것이 잘 작동하지만 그 후에는 모든 이벤트 핸들러가 작동을 멈 춥니 다. 왜 이런 일이 일어나는지 아는 사람이 있습니까?
최대 길이를 초과했기 때문에 AJAX 코드를 게시하지 않았고 어떤 부분이 관련이 있는지 확실하지 않습니다.
<div class="div_mem"> eee </div>
<script type="text/javascript">
$(document).ready(function () {
$(".div_mem")
.mouseover(function () {
$(this).css({ "background-color": "#101010" });
})
.mouseout(function () {
$(this).css({ "background-color": "" });
});
});
</script>
.div_mem
AJAX 호출 중에 요소를 교체 할 것입니다 . 다른 .div_mem
요소로 바꾸더라도 이벤트 핸들러는 여전히 이전 객체에 바인딩됩니다. 의 현재 결과를 사용하는지 확인해야합니다 $(".div_mem")
.
$(document).on("mouseover", ".div_mem", function () {
$(this).css({ "background-color": "#101010" });
})
.on("mouseout", ".div_mem", function () {
$(this).css({ "background-color": "" });
});
이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.
침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제
몇 마디 만하겠습니다