2010-09-08 94 views
1

我已经按钮可以设置类似的标题:jQuery的 - 更改按钮

<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> 

// the invOnButton

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

谢谢!

+0

http://stackoverflow.com/questions/987967/how-to-change-an-elements-title-attribute-using-jquery – FosterZ 2010-09-08 05:34:22

回答

1

好两两件事:

这个选择不会找到任何元素

$('#invOn1 button') 

由于轮胎找到里面的元素按钮元素与id#inv0n1,所以改变它只有ID选择器。

$('#invOn1') 

我也会做对话框打开事件的变化。这是因为我的对话往往是动态的。

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

..fredrik

+0

谢谢,工作! – meres 2010-09-08 07:21:57

1

试试这个:

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

+0

我不知道为什么会这样被投下了票。使用.text(“shwaf”)会更好,但仍... – griegs 2010-09-08 05:28:10

+1

我发现有时'.text()'不起作用,所以我使用'.html()' – 2010-09-08 07:07:49