代码之家 › 专栏 › 技术社区 › TH1981

尝试在jquery中将pirobox与.live()一起使用

jquery

TH1981 · 技术社区 · 15 年前

单击以选择新图像时,会出现一个列表,其中包含所有可用的不同图像(来自数据库,因此使用$.post()检索)。选择新图像后,它将更新数据库(再次使用$.post()操作)并重新检索预览图像的更新缩略图(pirobox)。

至少可以说,我的jquery/javascript知识有点不完善,所以我不知道如何解决这个问题!任何帮助都将不胜感激!!

提前谢谢!

原始图像调用:

<div class="full-width">
    <a href="../media_file_destination/file1-medium.jpg" class="pirobox" title="Concept Car"><img src="../media_file_destination/th_file1-medium.jpg"  class="thumb" /></a> 
    <button type="button" class="img_list float-right" iid="panel_image" pid="1" >Change</button>
</div>

$().piroBox({
        my_speed: 400, //animation speed
        bg_alpha: 0.3, //background opacity
        slideShow : true, // true == slideshow on, false == slideshow off
        slideSpeed : 4, //slideshow duration in seconds(3 to 6 Recommended)
        close_all : '.piro_close,.piro_overlay'// add class .piro_overlay(with comma)if you want overlay click close piroBox

});

我根本没有修改pirobox代码。

1 回复 | 直到 15 年前

RyÅ 15 年前

Pirobox(1.2.2)在关闭后将自动生成的div留在DOM中,因此您只需要在发布请求之前从DOM中删除所有Pirobox div,并在请求成功后重新初始化Pirobox。

$(".piro_overlay").remove();
$(".pirobox_content").remove();
$("#imgCache").remove();
$.ajax({
   ... your request here ...
   success: function(data) {
      ... handling data here ...
      $().piroBox() 
   }
});

推荐文章

code-geek · Jquery根据单选按钮选择隐藏或显示文本字段

1 年前

Dr.0000FF · jQuery按钮点击不显示/隐藏内容

1 年前

user28928120 · 如何在jquery中选择所有类?

1 年前

LauraNMS · 如何使用Waypoints js实现粘性元素和偏移量

1 年前