jquery - changer le titre d'un bouton

Question

j'ai bouton mis en place comme:

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

le bouton se trouve dans une boîte de dialogue, et je suis en train de changer le titre du bouton comme la boîte de dialogue est en cours d'ouverture:

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

cela ne fonctionne pas, quel est le problème?

---

les suggestions havent travaillé pour l'instant, im va élaborer sur la structure de ce im faire:

// configuration jquery

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

// le bouton invDialog et intérieur

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

// le invOnButton

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

merci!

Answer 1

bien 2 choses:

Ce sélecteur ne trouve aucun élément

$('#invOn1 button') 

Comme il pneus pour trouver un élément de bouton à l'intérieur de l'élément avec id # inv0n1, alors changez-le en seulement le sélecteur d'ID.

$('#invOn1') 

Je voudrais aussi faire les changements sur la boîte de dialogue événement ouvert. Cela est dû au fait que mes dialogues sont souvent dynamiques.

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

..fredrik

Answer 2

essayez ceci:

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