Question

我有一个jQuery对话框，我看了一眼，但我找不到任何东西来自动设置其中包含的关闭标记。我已经阅读了下载的文档，可以在这里找到： http://jqueryui.com/demos/dialog/（导航到选项标签）

多数人并非真诚地帮助我，我只是想知道是否有人可以解决我遇到的问题。例如，如果您查看此对话框： http://jqueryui.com/demos/dialog/

我希望我能使用小十字架，但我只是在左上角显示“关闭”一词，无论我在CSS中做了什么改动，我都无法做到这一点我想，作为参考，我将把我的代码放在下面：

HTML：

 <div id="column1">
     <h2>
     Features</h2>
         <p>Click an image below to view more information on our products.</p>
         <a href="#" id="x-button"><img src="../Images/lockIcon.png" alt="Security"/></a>
              <div id="dialog" style="display:none;">
                   <p class="innerTitle">This is content!</p>
              </div>
 </div>

的jQuery

 <script type="text/javascript">
                 $(document).ready(function(){

                     // Initialize my dialog
                     $("#dialog").dialog({
                        autoOpen: false,
                        modal: true,
                        width: 450
                    }
                    );

                    // Bind to the click event for my button and execute my function
                    $("#x-button").click(function(){
                        Foo.DoSomething();
                    });


                    var Foo = {
                        DoSomething: function(){
                            $("#dialog").dialog("open");
                        }
                    }
                });
                </script>

CSS

 /* -------------------- ADDITIONAL -------------------- */

 #dialog 
 {
 width: 550px;
 height: 550px;
 background-color: #c8c8c8;
 background-image: url("../Images/orangeDivider.png");
 background-repeat:  repeat-x;
 background-position: top left;
 } 

 .innerTitle
 {
 padding-top: 10px;
 font-size: 14px;
 font-weight: bold;
 color: #808080;
 }

再次感谢大家！

Answer 1

听起来你没有包含默认的jQuery UI CSS。

您应该包含一个名为jquery-ui-1.8.11.custom.css的CSS文件。

在该文件夹所在的文件夹中也应该有一个images文件夹。

jQuery对话框：如何更改关闭标记样式？

1 个答案: