Làm thế nào để thay đổi tiêu đề div sử dụng jquery

Question

Tôi có đoạn mã sau:

<div id="DivPassword" title="test" > 

Tôi muốn thay đổi tiêu đề div và tôi có đoạn mã sau:

function ChangeAttribute() { 
     $("#DivPassword") 
      .attr('title', 'Photo by Kelly Clark'); 
     $('#DivPassword').dialog('open'); 
     return false; 
    } 

Khi hộp thoại được mở ra, tiêu đề vẫn còn kiểm tra! nếu tôi không gán bất kỳ tiêu đề nào cho div, hộp thoại sẽ không hiển thị bất kỳ tiêu đề nào. Làm thế nào tôi có thể sửa nó?

---

function ChangeAttribute() { 
     $("#DivPassword") 
      .attr('title', 'Photo by Kelly Clark') 
      .dialog('open'); 

     alert($("#DivPassword").attr('title')); 
    } 

$('#DivPassword').dialog({ 
      autoOpen: false, 
      width: 800, 
      buttons: { 
       "Cancel": function() { 
        $(this).dialog("close"); 
       }, 
       "Accept": function() { 
       alert($(this).attr('title')); 
        $(this).dialog("close"); 
       } 
      } 
     }); 

---

<script type="text/javascript"> 
    var Dtitle; 
    $(function() { 
     $('#DivPassword').dialog({ 

      autoOpen: false, 
      width: 800, 
      title : Dtitle, 
      buttons: { 
       "Cancel": function() { 
        $(this).dialog("close"); 
       }, 
       "Accept": function() { 
        $(this).dialog("close"); 
       } 
      } 
     }); 
    }); 

    function ChangeAttribute(name) { 
     $("#DivPassword") 
      .attr('title', name) 
      .dialog('open'); 
     Dtitle = $("#DivPassword").attr('title'); 
     alert(Dtitle); 
    } 


</script> 

Answer 1

Cảm ơn tất cả các câu trả lời.

Các $('#DivPassword').dialog({ phải được sau .dialog('open');

Cách đơn giản nhất là để làm như sau:

$("#DivPassword") 
      .dialog('open'); 
     $('#DivPassword').dialog({ 
      autoOpen: false, 
      title: $('#DivPassword').attr('title') + name, 
      width: 400, 
      buttons: { 
       "Cancel": function() { 
        $(this).dialog("close"); 
       }, 
       "Accept": function() { 
        $(this).dialog("close"); 
       } 
      } 
     }); 

Answer 2

Các bạn đã thử bất kỳ đề xuất đưa ra ở đây: How to change an element’s title attribute using jQuery?

Có vẻ như bạn đang làm những gì câu trả lời được chấp nhận gợi ý. Nếu điều này không làm việc, có lẽ những người khác sẽ.

Answer 3

Có vẻ như plugin của bạn đang đọc tiêu đề trước khi nó được chuyển đến chức năng ChangeAttribute đó. Mã bạn đã đăng chắc chắn sẽ thay đổi thuộc tính tiêu đề, do đó, có điều gì khác đang diễn ra đằng sau hậu trường.

Ngoài ra, khi tôi ở đây, đừng quên sử dụng chuỗi. Hầu hết các hàm trong jQuery trả lại cùng một đối tượng một lần nữa:

$("#DivPassword").attr('title', 'Photo by Kelly Clark').dialog('open'); 

// or like this, perhaps easier to read: 

$("#DivPassword") 
    .attr('title', 'Photo by Kelly Clark') 
    .dialog('open') 
; 

Answer 4

Thử đặt thuộc tính tiêu đề sau khi hộp thoại mở. Có lẽ dialog.open() của bạn sẽ đặt lại thuộc tính title.

Tôi nghĩ bạn có thể cung cấp chức năng gọi lại cho sự kiện mở.

Xem open

Answer 5

Bạn có thể thay đổi tiêu đề của một hộp thoại trực tiếp với:

$('#DivPassword').dialog('option', 'title', 'Photo by Kelly Clark'); 

này sẽ làm việc trong trường hợp của bạn. Thực tế, mã của bạn để thay đổi thuộc tính tiêu đề là chính xác. Tôi đoán rằng hộp thoại tạo ra hộp thoại khi .dialog được gọi đầu tiên. Phương thức mở chỉ hiển thị hộp thoại sau đó, mà không cần tạo lại nó từ div.

Answer 6

Chỉ định tiêu đề của hộp thoại. Tiêu đề cũng có thể được chỉ định bởi thuộc tính tiêu đề trên hộp thoại phần tử.

Mã ví dụ

Khởi tạo một hộp thoại với các tùy chọn tiêu đề cụ thể.

$(".selector").dialog({ title: 'Dialog Title' }); 

Nhận hoặc đặt tùy chọn tiêu đề, sau init.

//getter 
var title = $(".selector").dialog("option", "title"); 
//setter 
$(".selector").dialog("option", "title", 'Dialog Title'); 

source.

để trả lời the dialog doesnt show any title của bạn.

Answer 7

tôi đã này:

$("#div1").dialog({ autoOpen: false, modal: true, height: 420, width: 750, resizable: false }); 
//more code 
$("#div1").dialog("option", "title", "joopla, here is a new title"); 

này làm việc cho tôi

Answer 8

$("#div1").dialog({ autoOpen: false, modal: true, height: 420, width: 750, resizable: false }); 
// more code 
$("#div1").dialog("option", "title", "joopla, here is a new title"); 

đã làm các trick cho tôi ..

Answer 9

Bạn có thể thay đổi bất kỳ attr từ bất kỳ phần tử DOM với jQuery dễ dàng như:

$("#divMessage").attr('title', 'Type here the new Title text'); 

Cheers!