2011-02-08 29 views
29

Làm cách nào để gán một id cho một nút thoại jquery. Tôi đã thử các sau nhưng nó không làm việcgán id cho nút thoại jquery

buttons: { 
Ok: function() { 
id="xyz", 
... 

Trả lời

64

Sau đây (dường như không có giấy tờ) làm việc cho tôi với jQuery 1.8.9:

$("#dlg").dialog({ 
    buttons : { 
    "MyButton" : { 
     text: "My Button", 
     id: "my-button-id", 
     click: function(){ 
      alert("here"); 
     } 
     } 
    } 
}); 

Các nút có thể được giải quyết thông qua $ ("# my-button-id ")

+1

Điều này * là * được ghi lại: "Mỗi phần tử của mảng phải là đối tượng xác định các thuộc tính *, thuộc tính và trình xử lý sự kiện để đặt trên nút". ID là thuộc tính chuẩn. –

0
$("#OK",{id:'xyz'}); 

hy vọng rằng nó sẽ giúp

+1

Tôi nghĩ rằng đây sẽ là bí ẩn để sử dụng. Hãy mô tả một chút. – TheVillageIdiot

+1

bạn có thể làm rõ. #OK – Hussein

+1

id của nút ... – Rafay

2

Hãy thử điều này.

buttons: { 
    'MyButton': function() { 
     //... configure the button's function 
    } 

Và setter id

$('button:contains(MyButton)').attr("id","xyz"); 
3

@BerndB: Cảm ơn nó hoạt động hoàn hảo và thậm chí có thể mở rộng hơn.

$('#loginlink').live('click',function(){ 
    DC = 'login_box'; 
    diaOpt = { 
     autoOpen : true, 
     width : 400, 
     title : 'Login', 
     buttons: { 
      //valiudate login 
      'Login' : { 
       text : 'Login Now', 
       id : 'validateForm', 
       click : function(){ 
       } 
      } 
     } 
    } 

    launchDialog(diaOpt, DC); 
}); 

$('#validateForm').live('click', function(){ 
    alert('Hellop'); 
    $("#loginform").validate(); 
}); 
+1

cảm ơn ... rất nhiều. nó đã giúp –

18

Mã này từ trang web chính thức làm việc cho tôi:

$('#dialog').dialog({ 
    // properties ... 
    buttons: [{ 
     id:"btn-accept", 
     text: "Accept", 
     click: function() { 
      $(this).dialog("close"); 
     } 
    }, 
    { 
     id:"btn-cancel", 
     text: "Cancel", 
     click: function() { 
      $(this).dialog("close"); 
     } 
    }] 
}); 
+0

Ý của bạn là gì khi bạn nói "mã từ trang web chính thức"? Tài liệu chính thức cho các nút hộp thoại không nói rằng 'id' là thuộc tính hợp lệ: http://api.jqueryui.com/dialog/#option-buttons Trong thực tế, nó ngụ ý ngược lại bằng cách nói" nếu bạn cần truy cập vào , nó có sẵn như là mục tiêu của đối tượng sự kiện ". Nếu 'id' là một thuộc tính hợp lệ, nó rõ ràng cũng sẽ có thể truy cập vào nút với nó. Các "tính năng" không có giấy tờ có thể bị loại bỏ bất ngờ, chẳng hạn như trong trường hợp này: http://bugs.jqueryui.com/ticket/4437 Vì vậy, câu trả lời này ngụ ý rằng 'id' được hỗ trợ chính thức. –

+1

Nó không nói rõ rằng ID được hỗ trợ, nhưng nó chắc chắn nhất không hàm ý ngược lại. Nó nói: "Mỗi phần tử của mảng phải là một đối tượng xác định các thuộc tính *, thuộc tính và trình xử lý sự kiện để đặt trên nút". ID là thuộc tính chuẩn. –

Các vấn đề liên quan