Добавление значков к моим кнопкам в диалоге jQuery

Question

У меня есть диалоговое окно jquery, где я использую некоторые кнопки внутри таблицы (для редактирования / удаления функций).

Я могу добавить значки на эти кнопки , только если я кодирую предупреждение перед . Очень странно. Если я удалю предупреждение, кнопки не отображаются.

$().ready(function () {

    $('.MaterialEdit').live("click", function () {
        alert('clicked');
        $(".MaterialPackingEdit").button({ icons: { primary: "ui-icon-pencil"} });
        $(".MaterialPackingRemove").button({ icons: { primary: "ui-icon-trash"} });    
    });
});

Класс MaterialEdit, использованный выше, соответствует кнопке на моей главной странице, чтобы открыть диалоговое окно jQuery.

Есть идеи?

Спасибо.

Answer 1

Определенная пометка в вопросе определенно помогла бы.В любом случае, вот что работает с jsFiddle - http://jsfiddle.net/FloydPink/e3pCL/

Идея состоит в том, чтобы использовать событие open, как описано на демонстрационной странице диалога , вот так:

    open: function(event, ui) {
        $('.MaterialPackingEdit').button({
            icons: {
                primary: "ui-icon-pencil"
            },
            text: false
        });
        $('.MaterialPackingRemove').button({
            icons: {
                primary: "ui-icon-trash"
            },
            text: false
        });
    }

Надеюсь, что это поможет.

РЕДАКТИРОВАТЬ: для передачи самой функции в общую функцию «загрузчик диалога», о которой упоминается в комментарии OP, можно использовать приведенный ниже фрагмент:

$(function() {
    var onDialogOpen = function(event, ui) {
            $('.MaterialPackingEdit').button({
                icons: {
                    primary: "ui-icon-pencil"
                },
                text: false
            });
            $('.MaterialPackingRemove').button({
                icons: {
                    primary: "ui-icon-trash"
                },
                text: false
            });
        };
    $('.dialog').dialog({
        autoOpen: false,
        title:'Buttons As Icons on a jQuery Dialog',
        width: 400,
        open: onDialogOpen
    });
    $('.MaterialEdit').click(function() {
        $('.dialog').dialog('open');
    });
});

Проверить это обновление для jsFiddle - http://jsfiddle.net/FloydPink/e3pCL/27/