Как динамически установить заголовок для диалога в jQuery? - PullRequest
Новая
       29

Как динамически установить заголовок для диалога в jQuery?

0 голосов
/ 04 марта 2012 
<div class="lessonDetails">
        <a href="#popUpLink" class="popUpLink">Lesson Details</a>
        <div class="popUpDialog" title="Lesson Details">
        <p>This is lesson dialog </p>
    </div>
</div>  

<div class="courseDetails">
    <a href="#popUpLink" class="popUpLink">Course Timetable and Resources</a>
    <div class="popUpDialog" title="Course Timetable and Resources">
        <p>Course Timetable</p>
        <p>Resources</p>
    </div>
</div>

1002 * 

jQuery(function($) {
    $('.popUpLink').each(function() {
        $.data(this, 'dialog', $(this).next('.popUpDialog').dialog({
            autoOpen: false,
            modal: true,
            title: 'Info',
            draggable: true
        }));
    }).click(function() {
        $.data(this, 'dialog').dialog('open');
        return false;
    });
});​

Как установить заголовок диалогового окна таким образом, чтобы первый диалог (диалог с уроком) имел заголовок " Сведения об уроке ", а второй диалог (диалоговое окно курса) будет " Курс" Расписание и ресурсы"?

Принимая во внимание количество диалогов, динамически определяется в серверной части.

1 Ответ

0 голосов
/ 04 марта 2012

Вам просто нужно изменить это 

 title: 'Info',

к этому 

title: $(this).html(),

Демо

...