Question

我有这个代码，它打开新的jquery-ui对话框，然后隐藏对话框的标题栏。

 <div id="keyboard" class="keyboard dialogs">...</div>

  $("#keyboard").dialog({
      width: 1136,
      height: 437,
      position: ['center',400],
      closeOnEscape: false,
      autoOpen: false,
      resizable: false,
      open: function(event, ui)  {
          $(".ui-dialog-titlebar").hide(); // <-- this selector i want to change
      }
  });

但$（“。ui-dialog-titlebar”）选择所有标题栏。如何让更改选择器仅隐藏此标题栏？

Answer 1

给你标题栏试图隐藏你可以测试的id或某些可区分的特征。

Answer 2

取决于标题栏相对于键盘div的位置，您必须遍历dom才能使用以下内容进行操作：

$("this").parents(".ui-dialog-titlebar").hide();

Answer 3

我注意到open处理程序中的ui参数。这是对刚刚打开的对话框的引用吗？如果是，它将如此简单：

ul.find('.ui-dialog-titlebar').hide();

Answer 4

要获得标题栏，您可以执行以下操作：

$(this).prev('.ui-dialog-titlebar').hide();

对话框在html中看起来大致相同：

<div class="ui-dialog">
  <div class="ui-dialog-titlebar"></div>
  <div id="keyboard" class="ui-dialog-content">  <!-- "this" element -->
    Your stuff
  </div>
</div>

当然还有更多的课程，但基本上你需要返回一个元素，前一个兄弟this是要隐藏的标题栏。

jQuery选择器。帮助新手

4 个答案: