JQuery - изменить название кнопки

Question

У меня есть кнопка, настроенная следующим образом:

<button id="invOn2" style="float: left;">Item 2</button>

кнопка находится внутри диалога, и я пытаюсь изменить заголовок кнопки при ее открытии:

$('#invOn2').button( "option", "label", "shwaf");

это не работает, что не так?

---

предложения пока не работают, я собираюсь подробнее рассказать о структуре того, что я делаю:

// настройка jquery

 $(function() {
      $('#invOnBox').dialog({
            autoOpen: false,
            resizable: false,
            height: 350,
            width: 300,
      });
      $('#invOnButton').click(function() {
            $('#invOn1 button').html('shwaf');
            $('#invOnBox').dialog('open');
            return false;
      });
    });

// invDialog и внутренняя кнопка

 <div id="invOnBox" title="Inventory">
    <button id="invOn1" style="float: left;">Item 1</button>
    </div>

// invOnButton

<button id="invOnButton" style="float: left;">Inventory</button>

спасибо!

Answer 1

Ну 2 вещи:

Этот селектор не найдет никаких элементов

$('#invOn1 button')

Поскольку поиск элемента кнопки внутри элемента с идентификатором # inv0n1 устает, поэтому измените его только на селектор идентификатора.

$('#invOn1')

Я бы также внес изменения в событие открытия диалога. Это связано с тем, что мои диалоги часто бывают динамическими.

$('#invOnBox').dialog({
        autoOpen: false,
        resizable: false,
        height: 350,
        width: 300,
        open : function () {
            $('#invOn1').html('shwaf');
        }
  });

.. Фредрик

Answer 2

попробуйте это:

$('#invOn2 button').html('shwaf');