[英]How to show multiple divs with jquery?
我正在尝试使用show()同时显示<img>
和<a>
当前,它将仅显示一个或另一个,以最后一个为准。 在下面的代码中,它将是html(img).show()
因为它html(img).show()
其后。 进行$('.showimagediv').html(div,img).show();
具有相同的效果。 试图将两个语句合并为一个变量:
var img = ($('<a />', {href : this.getAttribute("data-permaLink"), 'class': 'permaLinkDiv'}),$('<img />', {src : this.getAttribute("data-url"), 'class': 'fullScreenimg'}));
只会导致<img>
出现。 有谁知道如何同时显示两者?
var imgToggle=false;
$('.box').on('click', function() {
var img = $('<img />', {src : this.getAttribute("data-url"), 'class': 'fullScreenimg'});
var div = $('<a />', {href : this.getAttribute("data-permaLink"), 'class': 'permaLinkDiv'});
if(imgToggle==true){
$('.showimagediv').html(img).hide();
imgToggle=false;
}
if(imgToggle==false){
$('.showimagediv').html(div).show();
$('.showimagediv').html(img).show();
imgToggle=true;
}
})
$('.showimagediv').on('click', function() {
var img = $('<img />', {src : this.getAttribute("data-url"), 'class': 'fullScreenimg'});
var div = $('<a />', {href : this.getAttribute("data-permaLink"), 'class': 'permaLinkDiv'});
if(imgToggle==true){
$('.showimagediv').html(img).hide();
divToggle=false;
}
})
您可以使用display:none
添加或删除css类以display:none
div。 这是非常简单且不错的方法。
CSS范例: .hide{display:none;}
$('div').add('img').addClass('hide'); //or
$('div').add('img').removeClass('hide');
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.