如何添加一個「添加」按鈕到這個代碼？

對不起，我不知道JS。但我有這個jquery對話框代碼，並需要添加一個按鈕，說「添加」，並會調用一個新的空白對話框？我是一名用戶體驗/用戶界面的設計師，語法讓我興奮，哈哈。任何幫助都會很棒。如何添加一個「添加」按鈕到這個代碼？

$("#dialog-message").dialog({ 
    autoOpen: false, 
    modal: true, 
    buttons: { 
     Ok: function() { 
      $(this).dialog("close"); 
     } 
    } 
}); 

$("#opener").click(function() { 
    $("#dialog-message").dialog( "option", "width", 650 ); 
    $("#dialog-message").dialog("open"); 
    return false; 
});

來源

2012-11-23 Tony

的按鈕屬性是一個JavaScript literal object，這樣你就可以添加這樣的按鈕：

buttons: { 
    Ok: function() { 
     $(this).dialog("close"); 
    }, 
    Add : function() { 
     $('#otherDialog').dialog("open"); 
    } 
}

正如你可以看到，他們是由逗號和名分開的功能將被用作文本。

來源

2012-11-23 20:42:47

很好的回答。（+1）對@Tony，我建議學習更多關於JavaScript語法的知識。儘管你是一個UI設計師，但鑑於編寫一些客戶端代碼和開發UI/UX之間的界限越來越模糊，這是一個很好的技巧。如果你搜索一下，網上有很多教程。 – JasCav

@JasCav，是的，標準的Html，CSS和編輯一些JS我可以做，但如果它不跳出來然後我有點去吧。 LOL – Tony

@sergio - 感謝您的回答，並且易於理解。 – Tony

試試這個：

$(function() { 
    $("#opener").click(function() { 
     $("#dialog-modal").dialog({ 
      width: 650, 
      modal: true, 
      buttons: { 
       Ok: function() { 
        $(this).dialog("close"); 
       } 
      } 
     }); 
    }); 
});

來源

2012-11-23 20:51:51 karacas

如何添加一個「添加」按鈕到這個代碼？

回答

相關問題