每當單擊 lightbox_trigger 類元素時，此函式應該打開一個彈出視窗：
jQuery(document).ready(function($) {
$('.lightbox_trigger').click(function(e) {
e.preventDefault();
var url = $(this).attr("href");
var lightbox =
'<div id="lightbox">'
'<div id="boxcontent">'
'<div id="lightp"></div>'
'</div>'
'</div>';
$('body').append(lightbox);
$.get(url, function(data){
$("#lightp").html(data);
});
});
});
<a href="somepage.html" class="lightbox_trigger">Click here</a> //newly appended element
但它不適用于添加到 DOM 的新元素。請試試這個小提琴：https : //jsfiddle.net/Lx4et1v8/14/
我怎樣才能解決這個問題？
uj5u.com熱心網友回復：
:)
jQuery(document).ready(function ($) {
$('body').on('click','.lightbox_trigger',function (e) {
e.preventDefault();
var url = $(this).attr("href");
var lightbox =
'<div id="lightbox">'
'<div id="boxcontent">'
'<div id="lightp"></div>'
'</div>'
'</div>';
$('body').append(lightbox);
$.get(url, function (data) {
$("#lightp").html(data);
});
return false;
});
$('body').on('click', '#lightbox', function () {
$('#lightbox').remove();
});
});
轉載請註明出處，本文鏈接：https://www.uj5u.com/houduan/334925.html
上一篇：jQueryaddClass/removeClass多次
下一篇：如何根據選擇切換元素？