0

これが私がやろうとしていることです。私はいくつかのリンクを持っています：

<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 をロードしています。

ありがとうございました

4

1 に答える 1

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;
});
于 2012-09-27T16:59:24.527 に答える