jquery - 如何在此弹出窗口中添加关闭按钮

Question

<script type="text/javascript">
  function media_player(url){
    embed = '<object type="application/x-shockwave-flash" data="http://flash-mp3-player.net/medias/player_mp3_maxi.swf" width="200" height="20">'+
            ' <param name="movie"  value="http://flash-mp3-player.net/medias/player_mp3_maxi.swf" />'+
            ' <param name="FlashVars" value="mp3='+url+'&amp;showstop=1&amp;showvolume=1&amp;autoplay=1&amp;slidercolor2=CECDCC&amp;sliderovercolor=CECDCC&amp;buttonovercolor=CECDCC&amp;loadingcolor=CECDCC" />'+
            '</object>';

    jQuery('#media-popup .content').html(embed);
    jQuery('#media-popup').fadeIn();
  }
</script>

如何添加关闭按钮？

Answer 1

用jquery函数.fadeOut()？

$("#media-popup").fadeOut();

Answer 2

为您要关闭的对象分配一个 ID（我猜在您的情况下是对象标签）。然后创建一个元素，该元素负责在单击时将其关闭。例如：

$('<div>')
    .attr('id','close-panel-button')
    .appendTo($('body'))
    .click(function(){

        $('#id-of-the-object-to-close-here').hide();

    });

您可以使用您喜欢的任何方法更改隐藏方法，具体取决于您要如何关闭它。相应地设置您的关闭面板按钮的样式（例如位置：绝对；和自定义坐标）。