Javascript jQuery Bubble弹出窗口v.3的HasBubblePopup函数返回True时出现问题
我需要在点击时创建气泡弹出窗口,但我遇到了麻烦,无法打开无限的气泡。我一次只需要打开一个弹出窗口,因此我添加了: if($('.icon').HasBubblePopup()){alert('请在打开另一个弹出窗口之前关闭当前弹出窗口');返回false;} 我的问题是,此警报在打开和关闭一个或两个弹出窗口后出现,即使它似乎没有打开任何弹出窗口 我的HTML:Javascript jQuery Bubble弹出窗口v.3的HasBubblePopup函数返回True时出现问题,javascript,jquery,Javascript,Jquery,我需要在点击时创建气泡弹出窗口,但我遇到了麻烦,无法打开无限的气泡。我一次只需要打开一个弹出窗口,因此我添加了: if($('.icon').HasBubblePopup()){alert('请在打开另一个弹出窗口之前关闭当前弹出窗口');返回false;} 我的问题是,此警报在打开和关闭一个或两个弹出窗口后出现,即使它似乎没有打开任何弹出窗口 我的HTML: <img id="icon01" class="icon" src="images/icon01.png"> <img
<img id="icon01" class="icon" src="images/icon01.png">
<img id="icon02" class="icon" src="images/icon02.png">
<img id="icon03" class="icon" src="images/icon03.png">
创建buble时,您应该中继到当前元素,也有BublePipup工作状态,我用map将其包装; 将代码更改为:
$('.icon').click(function() {
var iconID = this.id;
if ($('.icon').map(
function() {
if ($(this).HasBubblePopup()) return true;
}
)[0]); { //<-HERE
alert('Please close current popup before opening another.');
return false;
}
var iconClick = $(this);
iconClick.CreateBubblePopup(); // <-- AND HERE
var bubblePopupID = iconClick.GetBubblePopupID();
iconClick.ShowBubblePopup({
position : 'top',
align : 'center',
innerHtml: eval(iconID),
innerHtmlStyle: {
color:'#000',
'text-align':'center'
},
themeName: 'grey',
themePath: 'images/jquerybubblepopup-themes'
}, false);
iconClick.FreezeBubblePopup();
$('#' + bubblePopupID).click(function() {
$(iconClick).RemoveBubblePopup();
});
});
$('.icon')。单击(函数(){
var iconID=this.id;
如果($('.icon').map(
函数(){
if($(this).hasbublepoup())返回true;
}
)[0]);{//在创建buble时,您应该中继到当前元素,并且有bublepipup工作状态,我用map将其包装起来;
将代码更改为:
$('.icon').click(function() {
var iconID = this.id;
if ($('.icon').map(
function() {
if ($(this).HasBubblePopup()) return true;
}
)[0]); { //<-HERE
alert('Please close current popup before opening another.');
return false;
}
var iconClick = $(this);
iconClick.CreateBubblePopup(); // <-- AND HERE
var bubblePopupID = iconClick.GetBubblePopupID();
iconClick.ShowBubblePopup({
position : 'top',
align : 'center',
innerHtml: eval(iconID),
innerHtmlStyle: {
color:'#000',
'text-align':'center'
},
themeName: 'grey',
themePath: 'images/jquerybubblepopup-themes'
}, false);
iconClick.FreezeBubblePopup();
$('#' + bubblePopupID).click(function() {
$(iconClick).RemoveBubblePopup();
});
});
$('.icon')。单击(函数(){
var iconID=this.id;
如果($('.icon').map(
函数(){
if($(this).hasbublepoup())返回true;
}
)[0]);{//非常感谢!我只需删除[0]之后的分号,效果非常好。非常感谢!我只需删除[0]之后的分号,效果非常好。
$('.icon').click(function() {
var iconID = this.id;
if ($('.icon').map(
function() {
if ($(this).HasBubblePopup()) return true;
}
)[0]); { //<-HERE
alert('Please close current popup before opening another.');
return false;
}
var iconClick = $(this);
iconClick.CreateBubblePopup(); // <-- AND HERE
var bubblePopupID = iconClick.GetBubblePopupID();
iconClick.ShowBubblePopup({
position : 'top',
align : 'center',
innerHtml: eval(iconID),
innerHtmlStyle: {
color:'#000',
'text-align':'center'
},
themeName: 'grey',
themePath: 'images/jquerybubblepopup-themes'
}, false);
iconClick.FreezeBubblePopup();
$('#' + bubblePopupID).click(function() {
$(iconClick).RemoveBubblePopup();
});
});