jquery .html(...) 改变不变？

Question

我尝试使用 .html() 在 A 标记内进行更改，然后将其设为 ui-button。更改正常，但是当我调用刚刚修改的链接中的 .button 时，更改会丢失。

查看此jsfiddle

我认为问题在于新的内部 html 没有完全渲染，并且 .button 函数使用旧的内部 html 来对代码进行更改，将其恢复到之前的值html() 调用。

我已经尝试过this但不工作。可以看到here

我知道我可以解决这个问题，但我想知道为什么会发生这种情况，这是一个错误吗？

谢谢!

Answer 1

试试这个

   $('#button').button({ icons: { primary: 'ui-icon-folder-open'} });
   $('#textChanger').click(
    function (){
        $('#button').button({
                              label: 'new text',
                              icons: {primary: 'ui-icon-custom', secondary: null}
                           });
        return false;
    })

here是工作 fiddle