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

閉じたいオブジェクトにIDを割り当てます（あなたの場合はオブジェクトタグだと思います）。次に、クリックされたときにそれを閉じる責任がある要素を作成します。例えば：

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

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

    });

非表示方法は、どのように閉じたいかによって、好みの方法に変更できます。それに応じてパネルを閉じるボタンのスタイルを設定します (例: 位置: 絶対; カスタム座標)。

Answer 2

jquery関数で.fadeOut()？

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