如何动态设置jQuery中对话框的标题？

Question

<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> 

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; 
    }); 
});​ 

如何设置对话框的标题，使得第一个对话框（课对话）会有“课详细”的标题和第二个对话框（当然对话框）会是“课程时间表和资源”？

记住对话的数量是在后端动态决定的。

Answer 1

你只需要改变这个

title: 'Info', 

这个

title: $(this).html(), 

Demo