动态更改jquery对话框的文本属性

时间:2012-09-27 16:45:47

标签: jquery jquery-ui dialog

这就是我想要做的。我有几个链接:

<a href="#" title="Title 1">Link 1</a>
<a href="#" title="Title 2">Link 2</a>
<a href="#" title="Title 3">Link 3</a>

然后我有一个通用<div>来保存内容,以便我可以重用它。就像这样

<div id="contents">
    <div id="data"></div>
</div>

我想要做的是当用户点击任何链接时,jQuery对话框打开,链接的标题(我已经完成并将显示),但对话框的内容将显示页面上另一个div的文本。所以:

<div id="someID">Some special content here</div>

这是我对jquery位的所有内容:

var link = $('#careers > ul > li > a');
link.click(function (e) {
$('#contents').dialog({
    title: e.target.title,
        text: need #specialcontent // <-- THIS IS THE PART I DON'T KNOW HOW TO CHANGE
     });
    return false;
});

这是清楚的吗?我将在页面上有其他“someID”div,我想根据点击链接切换出来。所以它实际上是根据点击的内容加载一个新的div。

谢谢

1 个答案:

答案 0 :(得分:2)

做这样的事情你想做什么吗?

var link = $('#careers > ul > li > a');
link.click(function (e) {
    if (link.id == "someID")
        var text_value = "someID's text";
    else if (link.id == "someID2")
        var text_value = "someID2's text";
    $('#contents').dialog({
        title: e.target.title,
        text: text_value #specialcontent // <-- THIS IS THE PART I DON'T KNOW HOW TO CHANGE
    });
    return false;
});