隐藏然后删除Jquery Draggable Div

我在Drupal中使用了一些可拖动div的Jquery，并且它都很好。我只需要能够在不再需要时关闭div/box。这里是我的代码：隐藏然后删除Jquery Draggable Div

<?php 
drupal_add_js(' 
$(document).ready(function() { 
    $(".cc-drag").draggable({ stack: ".cc-drag", axis: "x" }); 
}); 

    $(".cc_close").click(function() { 
     $(this).hide(2000, function() { 
     $(this).remove(); 
     }); 
    }); 

','inline'); 
?> 

<div class="cc-drag"> 
    <div class="cc_top"> 
    <div class="cc_close">&nbsp;</div> 
    <div class="cc_content"> 
    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque elit dolor, ornare non vulputate quis, dictum ut neque. 
    Nunc non velit at nulla posuere pulvinar. Maecenas vitae diam iaculis lorem sagittis condimentum et at elit. 
    Praesent ac augue dolor. 
    Sed sit amet orci leo, vitae sagittis ante. 
    Phasellus id volutpat nibh. 
    Nam ullamcorper mi at urna cursus vitae aliquet est ullamcorper. 
    </div> 
    </div> 
<div class="cc_bottom"></div> 
</div> 

<div class="cc-drag"> 
    <div class="cc_top"> 
    <div class="cc_close">&nbsp;</div> 
    <div class="cc_content"> 
    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque elit dolor, ornare non vulputate quis, dictum ut neque. 
    Nunc non velit at nulla posuere pulvinar. Maecenas vitae diam iaculis lorem sagittis condimentum et at elit. 
    Praesent ac augue dolor. 
    Sed sit amet orci leo, vitae sagittis ante. 
    Phasellus id volutpat nibh. 
    Nam ullamcorper mi at urna cursus vitae aliquet est ullamcorper. 
    </div> 
    </div> 
<div class="cc_bottom"></div> 
</div> 

<div class="cc-drag"> 
    <div class="cc_top"> 
    <div class="cc_close">&nbsp;</div> 
    <div class="cc_content"> 
    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque elit dolor, ornare non vulputate quis, dictum ut neque. 
    Nunc non velit at nulla posuere pulvinar. Maecenas vitae diam iaculis lorem sagittis condimentum et at elit. 
    Praesent ac augue dolor. 
    Sed sit amet orci leo, vitae sagittis ante. 
    Phasellus id volutpat nibh. 
    Nam ullamcorper mi at urna cursus vitae aliquet est ullamcorper. 
    </div> 
    </div> 
<div class="cc_bottom"></div> 
</div>

我想关闭父DIV CC-拖动，当用户点击cc_close，这是在角落里的X图形。

任何想法？谢谢！

来源

2010-08-12 Robimp

你可以只针对家长的div，这是你要关闭一个：

$(".cc_close").click(function() { 
    $(this).parent().hide(2000, function() { 
    $(this).remove(); 
    }); 
});

来源

2010-08-12 10:13:57 googletorp

您好再次googletorp，感谢回答，仍然不能接近。我试着将它改为其他选择器 - cc_top（zz顶级致敬乐队？），cc_content等，但没有运气。 – Robimp 2010-08-12 10:36:56

啊......愚蠢的错误，我会关门太早了，与});

工作现在的代码读取：

感谢您的帮助googletorp ...

来源

2010-08-12 11:38:39 Robimp

隐藏然后删除Jquery Draggable Div

回答

相关问题