在div上添加關閉按鈕

Question

第一次單擊按鈕後，如何在灰盒頂部添加關閉按鈕？單擊文件夾，打開按鈕後，灰色區域出現，我想添加一個按鈕圖標{primary: "ui-icon-close"}，從jQuery UI的http://www.petefreitag.com/cheatsheets/jqueryui-icons/

點擊這個X按鈕後，我想$("#1").html(<div class="normal"><div>);所以盒子返綠再次。

這是我小提琴 http://jsfiddle.net/3HauW/205/

Answer 1

有一種更好的方式做你想做的，但這裏是工作示例的現有這樣做的方式。

http://jsfiddle.net/3HauW/217/

變化，我提出：

var newHtml ='<div class="button_wrap ui-button ui-widget ui-state-default ui-corner-all ui-button-icon-only" role="button" aria-disabled="false" title=""><span class="ui-button-icon-primary ui-icon ui-icon-close"></span><span class="ui-button-text"></span></div>'; 
    newHtml +="Blah Blah Blah"; 

這裏......

$(function(){ 
    $('#1 .button_wrap').on('click', function(e){ 
     e.stopPropagation(); 
     $(".info").html(newHtml).show(); 

});}); 

，並將此

$(function(){ 
    $("#1").on("click", ".info .ui-icon-close", function(){ 
     $(".info").hide(); 
    }); 
}); 

而這款以CSS

.info{ 
    top: 0; 
    width: 12.5em; 
    background-color:#cfcfcf; 
    overflow-y: auto; 
    display:block; 
    height:200px; 
    z-index:19; 
    color:black; 
    word-wrap:break-word; 
    position: absolute; 
    display: none; 
}