2가 포함 된 HTML 페이지가 있습니다 div
. 첫 번째 div
a ul
는 PHP 스크립트에서 AJAX를 사용하여 페이지를로드 한 직후에 채워집니다. 그리고 두 번째 div
는 정적 ul
입니다. 이제 div
모든 ul
클릭 이벤트가 모두 작동해야합니다. 즉, 클릭되었다는 경고가 표시되어야합니다.
다음은 PHP 코드입니다.
require_once "../../resources/script/dbconfig.php";
$query = "SELECT * FROM job_case";
$rslt = mysqli_query($link,$query);
echo "<ul>";
for($i=0;$i<mysqli_num_rows($rslt);$i++)
{
$job = mysqli_fetch_row($rslt);
echo "<li class=\"jobTitle\" id=jon".$job[0].">".$job[1]."</li>";
}
echo "</ul>";
HTML 페이지 :
<div class="jobCase" id="govtJobCase">
<ul>
<li class="jobTitle" id="jobId">Item A</li>
<li class="jobTitle" id="jobId">Item B</li>
</ul>
</div>
<div class="jobCase">
<ul>
<li class="jobTitle" id="jobId">Item A</li>
<li class="jobTitle" id="jobId">Item B</li>
</ul>
</div>
내 문제는 div
PHP 에서 처음 게시 했을 때 ul
이벤트가 작동하지 않지만 다른 정적 태그 이벤트에서 제대로 작동한다는 것입니다.
두 div 주변의 요소에 이벤트 핸들러를 배치하면 원하는 모든 요소의 내용을 업데이트 할 수 있지만 이벤트 핸들러는 그대로 유지됩니다.
<div class="container">
<!-- the contents of this div is populated using AJAX -->
</div>
자바 스크립트 :
$('.container').on('click', function () {
// clicks will arrive here even when they originate from ajax loaded content
});
이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.
침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제
몇 마디 만하겠습니다