Javascript jquery对话框可拖动和调整大小

我想使用jquery使我的div可以拖动并调整大小。 下面是一个简单的div：

<div id="dialog-modal-alerts" title="Alerts" style="display:none;"></div>

但它不起作用。 如果我写的话就行了

$(function () {
        $("#dialog-modal-alerts").draggable();
    });

但是如果我写

$(function () {
        $("#dialog-modal-alerts").resizable();
    });

它仍然不起作用

---

有人能帮我解决这个问题吗？

你检查过了吗？默认情况下，它是可拖动的对话框，并且可以调整大小

---

这是关于strTitle尝试删除它并添加“Title”或任何内容，然后关闭（number）确保number和strTitle作为有效变量存在

我创建了这个示例，我工作得很好：

    <div id="dialog-modal-alerts" title="Alerts" style="display:none;">

        Hlllo
        Ahmed Alaa<br />

    </div>

    <link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" />
  <script src="http://code.jquery.com/jquery-1.9.1.js"></script>
  <script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
  <link rel="stylesheet" href="/resources/demos/style.css" />
  <script>
      $(function () {
          $("#dialog-modal-alerts").dialog({
              height: 500,
              width: 900,
              title: 'Hi',
              resizable: true,
              draggable: true,
              dialogClass: "alertDialog", 
              modal: true
          });
      });

赫洛
艾哈迈德·阿拉

$（函数（）{
$（“#对话框模式警报”）。对话框({
身高：500，
宽度：900，
标题:"嗨",，
可调整大小：正确，
真的，
dialogClass:“alertDialog”，
莫代尔：对
});
});

---

我最好的猜测是，您的函数中有一个没有显示给我们的地方出现了问题，可能是语法错误，使它无法完成代码。我这样说是因为我可以成功地执行您的代码片段并实现所需的行为。也许我的全力支持会有所帮助

请注意，单独调用

$("#dialog-modal-alerts").draggable();

由于这是一个文档化的jQueryUI方法，所以它应该可以工作。您可以将任何项标记为可拖动，无论它是否是模态对话框，这就是您所做的

另一方面,

$("#dialog-modal-alerts").resizable();

---

不需要工作，因为可调整大小不是它自己的功能。

你认为它应该如何工作？我想拖拽我的div并更改它的大小。默认情况下，对话框是：@j08691你是正确的，但默认情况下它不工作，我不知道你为什么包括jquery UI？这就是所有这些东西的来源。是的，我勾选了这个。正如你在上面看到的我的答案，我想它将是可拖动和可调整大小的，但它不尝试删除可拖动的函数并保持可调整大小，可能在添加bothit时出了问题。关于strtite尝试删除它并添加“Title”，我不这么认为，因为我有同样的想法）我删除这个字符串，什么都不改变。那么数值关闭对话框（数字）呢？上面的例子尝试复制并粘贴它，它的工作，以确保这是错误。谢谢，我会尝试这个。但您是舒尔，jquery不是自己的功能吗？请参阅下面的链接：

$("#dialog-modal-alerts").resizable();