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;
}

在div上添加关闭按钮

1 个答案: