-1
如何将Html附加到具有相同数据属性值的相应div? 当按钮被点击时,我将一个数据属性值传递给moda,并且它还被添加到模式中的提交按钮以将值重新传回。我想找到具有该数据属性值的元素并将html附加到它。 图像(1) 如何将Html添加到相同类别的相应div
<button data-media-select="2" data-gallery-position="2" type="button" class="btn btn-success media-modal-btn" >Image (1)</button>
<div data-gallery-position="2" class="popup-gallery"></div>
<button data-media-select="5" data-gallery-position="3" type="button" class="btn btn-warning media-modal-btn" >Images (5)</button>
<div data-gallery-position="3" class="popup-gallery"></div>
Jquery的:
$mediaModalBtn.on('click',function(){
var mediaSelect = $(this).data('media-select')
, galleryPosition = $(this).data('gallery-position');
$.ajax({
url: 'http://example.com/abc/media',
success: function (result) {
$("#mediaModalFiles").html(result);
$('#mediaModal').modal('show');
$('#selectMediaBtn').attr('data-gallery-position',galleryPosition);
$('#mediaModal').checkboxes('max', mediaSelect);
$("#selectMediaBtn").attr('disabled','disabled');
}
});
});
$('body').delegate('input[name="media[]"]','change',function() {
var media = new Array();
$('input[name="media[]"]:checked').each(function() {
media.push(this.value);
});
if (media.length > 0)
{
$("#selectMediaBtn").removeAttr('disabled');
} else {
$("#selectMediaBtn").attr('disabled','disabled');
}
});
$('body').delegate('#selectMediaBtn', 'click', function() {
var galleryPosition = $(this).data('gallery-position')
, targetGalleryPosition = $('.popup-gallery[data-gallery-position = "'+galleryPosition+'" ]')
, media = new Array();
$('input[name="media[]"]:checked').each(function() {
media.push(this.value);
});
if (media.length > 0)
{
$.ajax({
url: 'http://example.com/abc/media/fetch',
data: { media : media },
success: function (result) {
$('#mediaModal').modal('hide');
$(targetGalleryPosition).html(result);
}
});
}
});
最新的问题是什么?你的代码中哪部分不起作用? – atmd 2015-02-06 07:51:30
我认为你正在寻找'$(“。class [data-attribute = value]”)'来选择给定的框,但我不想破译你的代码......(编辑其实你是这么做的什么不工作?) – somethinghere 2015-02-06 07:52:29
也许他在做什么是问答 – 2015-02-06 07:55:52