代码之家  ›  专栏  ›  技术社区  ›  Jörg Brenninkmeyer

如何在jquery ui输入按钮上放置图标?

  •  1
  • Jörg Brenninkmeyer  · 技术社区  · 14 年前

    基于jquery用户界面按钮文档,我尝试了以下操作:

    <jquery>$("#test").button({ icons: { primary:'ui-icon-gear' } });</jquery>
    <input id="test" type="submit" value="test"></input>
    

    但按钮上不显示图标。如果我改变 <input> 到A <span> ,它可以工作;但是我需要表单提交按钮上的图标。放置 <SPAN & GT; 按钮周围也没有帮助(然后我在按钮里面有一个按钮)。

    我还尝试了 this stackoverflow question 但是,.prepend范围对我的页面没有影响。有什么想法吗?

    2 回复  |  直到 14 年前
        1
  •  1
  •   helle    14 年前

    你可以将一个单击事件绑定到你的范围,而不是像一个按钮…例如:

    <form id="myForm" ...>
    ...
        <span onclick="document.myform.submit()" class="jqueryUI" id="myButton">Butotnvalue</span>
    ...
    </form>
    

    更好的方法是在jquery加载程序函数中绑定它,当然;-)

    $('#myButton').bind('click', function(){
        $('#myForm').submit();
    });
    
        2
  •  0
  •   ruinernix    14 年前

    试试这个

    $("#test input").each( function() {
       $(this).button({ icons: { primary: 'ui-icon-gear' } });
    });
    

    我喜欢把我的图标放在我的列表中,然后把它变成更有趣的东西,比如:

    $("#test input").each( function() {
       $(this).button({ icons: { primary: $(this).attr('icon') } });
    });
    

    并将您的输入作为:

    <input id="test" type="submit" value="test" icon='ui-icon-gear'>