Javascript 将var从div传递给jquery

我正在使用jquery函数打开一个对话框，我需要能够更改对话框的高度和宽度。我想从DIV中传递一个参数给它。我已经研究了许多不同的可能性，但都没有用。任何想法都将不胜感激

$.fx.speeds._default = 1000;
$(function() {
    $("#dialog").dialog({
        autoOpen: false,
        height: 300,
        width: 500,
        show: "drop",
        hide: "drop"
    });
    $("#opener").click(function() {
        $("#dialog").dialog("open");
        return false;
    });
});

这是我的部门

<div id="dialog">
   Some text here
</div>

这里有一些文字

根据，调用

.dialog（）

方法时，可以调整窗口大小，设置最小/最大高度和宽度，并将高度和宽度设置为选项

来自文档：

$( ".selector" ).dialog({ width: 460 });

在init之后获取或设置宽度选项

//getter
var width = $( ".selector" ).dialog( "option", "width" );
//setter
$( ".selector" ).dialog( "option", "width", 460 );

获取存储在div中的任何数据或参数并将其作为选项传递给

.dialog（）

方法应该非常简单

更新：

$( ".selector" ).dialog({ width: 460 });

从您的评论中，您希望看到以下内容：

<div id="dialog" data-height="400" data-width="400" style="background-color: red;">
   Some text here
</div>
<a id="opener" href="#">Open dialog</a>​

$(document).ready(function() {
    $("#opener").click(function(e) {
        e.preventDefault();
        var dialogHeight = $("#dialog").data("height"),
            dialogWidth = $("#dialog").data("width");
        $("#dialog").dialog({
            height: dialogHeight,
            width: dialogWidth            
        });
        return false;
    });
});​

这里有一些文字
​
$（文档）.ready（函数（）{
$（“#开启器”）。单击（函数（e）{
e、 预防默认值（）；
var dialogHeight=$（“#dialog”）.data（“height”），
dialogWidth=$（“#dialog”）。数据（“宽度”）；
$（“#对话框”）。对话框({
高度：高度，
宽度：对话框宽度
});
返回false；
});
});​

根据，调用

.dialog（）

方法时，可以调整窗口大小，设置最小/最大高度和宽度，并将高度和宽度设置为选项

来自文档：

$( ".selector" ).dialog({ width: 460 });

在init之后获取或设置宽度选项

//getter
var width = $( ".selector" ).dialog( "option", "width" );
//setter
$( ".selector" ).dialog( "option", "width", 460 );

获取存储在div中的任何数据或参数并将其作为选项传递给

.dialog（）

方法应该非常简单

更新：

$( ".selector" ).dialog({ width: 460 });

从您的评论中，您希望看到以下内容：

<div id="dialog" data-height="400" data-width="400" style="background-color: red;">
   Some text here
</div>
<a id="opener" href="#">Open dialog</a>​

$(document).ready(function() {
    $("#opener").click(function(e) {
        e.preventDefault();
        var dialogHeight = $("#dialog").data("height"),
            dialogWidth = $("#dialog").data("width");
        $("#dialog").dialog({
            height: dialogHeight,
            width: dialogWidth            
        });
        return false;
    });
});​

这里有一些文字
​
$（文档）.ready（函数（）{
$（“#开启器”）。单击（函数（e）{
e、 预防默认值（）；
var dialogHeight=$（“#dialog”）.data（“height”），
dialogWidth=$（“#dialog”）。数据（“宽度”）；
$（“#对话框”）。对话框({
高度：高度，
宽度：对话框宽度
});
返回false；
});
});​

我们正在将这种语法添加到jQuery安装文件中。这使得开发人员可以很容易地实现这样的东西，而不必编写大量的JavaScript

HTML

<div id="foo" class="dialog" data-width="100">Hello</div>
<a id="trigger" href="#">Open</a>

---

我们正在将这种语法添加到jQuery安装文件中。这使得开发人员可以很容易地实现这样的东西，而不必编写大量的JavaScript

HTML

<div id="foo" class="dialog" data-width="100">Hello</div>
<a id="trigger" href="#">Open</a>

---

我不明白你的问题是什么。div是HTML元素——它们与变量无关。请编辑该问题以明确您正在尝试执行的操作。您的意思是希望能够根据对话框的div中设置的参数调整对话框的大小？是。我发现我可以从一个div中将一个参数传递回函数，类似这样：函数的高度和宽度类似于height=data.height；宽度=数据。width@user1518202我根据你的评论更新了我的答案。这和你想要的接近吗？我不明白你的问题是什么。div是HTML元素-它们与变量无关。请编辑该问题以明确您正在尝试执行的操作。您的意思是希望能够根据对话框的div中设置的参数调整对话框的大小？是。我发现我可以从一个div中将一个参数传递回函数，类似这样：函数的高度和宽度类似于height=data.height；宽度=数据。width@user1518202我根据你的评论更新了我的答案。这和你要找的很接近吗？