Кнопка изображения в диалоговом окне jQuery

Question

Я хочу создать диалог JQuery с кнопкой изображения. Я попытался заменить кнопку своим изображением, но он не работает должным образом. Я также попытался добавить мое изображение src к кнопке, не повезло. поэтому я хотел бы знать, можно ли создать кнопку изображения в диалоговом окне JQuery?

Answer 1

Я предполагаю, что вы уже можете получить то, что хотите, на обычной кнопке, а не в диалоговом окне.

Вам необязательно использовать опцию buttons для ввода кнопок в диалоговом окне. Вы можете просто сделать это обычным способом:

<div id="dialogWithButtons"> 
    <button id="saveButton">Save</button> 
    <button id="cancelButton">Cancel</button> 
</div> 

, а затем в скрипте:

$('#dialogWithButtons').dialog(); 
$('#saveButton').on('click', function(e, ui) { 
    //do whatever 
}); 

и так далее. Я оставлю вас, чтобы разобраться в деталях, характерных для вашей ситуации.

одно: вы должны убедиться, что ваш селектор jQuery однозначно ссылается на ваши кнопки. Это произошло в моем случае с кнопками отмены, потому что у меня был класс .cancelButton, который я использовал для моего обработчика событий кликов для нескольких страниц (так как на странице был только один). Если вы это сделаете, нажатие кнопки «Отмена» запустится (или, по крайней мере, в моем случае), обработчика, как если бы вы нажали кнопку отмены на главной странице.