小编Bho*_*oot的帖子

10
推荐指数
2
解决办法
1万
查看次数

将Shadowbox.js应用于动态生成的内容

我使用shadowbox.js进行图库展示.

为此我们必须生成像这样的html

<a href="images/Ganesha3602.jpg" rel="shadowbox[my]"><img src="images/thumb.jpg"   alt="First" title="First image" /></a>
<a href="images/original.jpg" rel="shadow[my]"><img src="images/thumb.jpg" alt="Second" title="Second image" /></a>
<a href="images/original.jpg" rel="shadowbox[my]"><img src="images/thumb.jpg" alt="First" title="First image" /></a>
Run Code Online (Sandbox Code Playgroud)

然后申请Shadowbox.init()身体负荷.当上面的html是静态的时,它的工作就像一个魅力.但是当我动态生成它$.ajax并调用Shadowbox.init()成功时; shadowbox不起作用.我也试过呼吁 Shadowbox.init()完成.

我的代码是这样的:

$(document).on('click','#load_posts_comments',function(){

    $.ajax({
        url:"post_comment_json.php",
        type: "POST",
        dataType: "json",
        data:{user_id:"123"},
        success: function(data){
            load_posts_comments(data);
        },
        complete: function(){
            Shadowbox.init();
        }
    });
});
Run Code Online (Sandbox Code Playgroud)

我哪里错了?我查看了shadowbox网站,但没有关于动态加载内容的文档.帮助将不胜感激.

javascript jquery

5
推荐指数
1
解决办法
3186
查看次数

单击锚标记时,最外面的div必须与其子元素一起隐藏

我有一个div标签,其中包含一个div标签,其中包含一个ul标签,然后包含许多li标签.在这些li标签中包含一个锚元素,单击该元素会导致最外面的div隐藏.

例如

<div class="object" id="123">
  <div>
    <ul>
      <li></li>
      <li><a href="#" id="hide">hide outermost div and its child elements</a></li>
    </ul>
  </div>
</div>

<div class="object" id="124">
  <div>
    <ul>
      <li></li>
      <li><a href="#" id="hide">hide outermost div and its child elements</a></li>
    </ul>
  </div>
</div>
Run Code Online (Sandbox Code Playgroud)

在点击锚标签时,最外面的div必须与其子元素一起隐藏.

我想我需要重复使用parentNode ..但是有一种更简单的方法可以直接访问最外层的div,从而获得它的id.帮助将不胜感激.

javascript jquery

1
推荐指数
1
解决办法
977
查看次数

jquery'Click'事件的奇怪行为

我有一个锚标记

<li><a href="#" class="institution">Click me</a></li>
<li><a href="#" class="department">Click me</a></li>
<li><a href="#" class="branch">Click me</a></li>
Run Code Online (Sandbox Code Playgroud)

我想通过点击锚标签执行一些代码.所以我用过

$('a').click(function(){
    //do something..
});
Run Code Online (Sandbox Code Playgroud)

但它没有成功.所以我用过

$('a').on('click',function(){
    //do something..
});
Run Code Online (Sandbox Code Playgroud)

我也用过

$('a').bind('click',function(){
    //do something..
});
Run Code Online (Sandbox Code Playgroud)

但他们也没有工作.对我有用的是

$('a').live('click',function(){
    //do something..
});
Run Code Online (Sandbox Code Playgroud)

为什么这样......当所有人都应该表现出同样的行为时.

jquery

0
推荐指数
1
解决办法
130
查看次数

标签 统计

jquery ×4

javascript ×3