Question

I m从事一项工作。 NET网站(MVC3,但对于我的问题并不真正重要)

我的网页上有一些链接,用户点击了我想开一个Jquery Modal Dialog的链接:

http://jqueryui.com/demos/dialog/#pl-message

对于每个环节,我需要不同的方言。

我的理解是,我不得不在我的网页上具体说明方言的内容。例如:

<div id="dialog" title="Basic dialog">
    <p>Here we put the content of the dialog</p>
</div>

Links are generated dynamically and I do not want to create a div for each link. also the content of the dialog depends on parameters send by the link

我将努力解释我想要的东西。

我想尽可能做以下工作:

页: 1

<div id="dialog" title="Basic dialog">
</div>

当用户点击链接1时,一个功能称为ShowDialog(FirstName1, LastName1)。

该功能将添加以下参数:div“dialog”并开放方言。

当用户在链接2上点击时,“方言”被清除,新内容由<代码>ShowDialog(FirstName2, LastName2)填满,方言被打开。

所有这一切都应当是Jquery或Javascript。

我希望我很清楚。如果需要更多信息,请询问。

Answer 1

页: 1 • 联系的特性,如:

<a href="#" data-firstname="Foo" data-surname="Bar">Click me</a>

$("#dialog").dialog({ /* settings */ });

$("#link2").click(function() {
    var $el = $(this);
    var fn = $el.data("firstname");
    var sn = $el.data("surname");
    ShowDialog(fn, sn);
});

function ShowDialog(firstname, surname) {
    // Here you can do whatever is required to the dialog, create elements, change text, go nuts.
    $("p", "#dialog").text("Hello " + firstname + " " + surname); 

    // Show the dialog
    $("#dialog").dialog( open );
}

友情链接