jquery - 将 jquery 样式应用于动态创建的按钮

Question

我是 uI 编程新手。我在我的应用程序中使用 Jqgrid。我有一列在每一行中显示按钮，是使用格式化程序选项创建的。在格式化程序选项中描述的功能中，我绑定(bind)了按钮的单击事件。下面是代码

        { label: 'Depatment Name', name: 'deptName', width: 100,
              formatter:actionButtonFormatter
        },

      function actionButtonFormatter ( cellvalue, options, rowObject )
       {
          var element ='<div id="deptNmBtn"><button onClick=getDepartMentNm("' + rowObject.empName+'")> <span>Add</span></button></div>';
          $("button, input:submit, input:button", this).button();
          return element;
       }

我在这里面临两个问题。

1) Jquery 主题未应用于使用格式化程序选项添加的“部门名称”列中的按钮。我只想将此按钮应用于 Jquery 主题，所以我尝试了

         $("button, input:submit, input:button", this).button();
         $("button, input:submit, input:button", jqgrid_table_id).button();  
         $("button, input:submit, input:button", deptNmBtn).button(); //div id

但是它们都不起作用，并且列中的按钮没有应用 Jquery 主题。

2)在onclick中，我传递了一个employeeName参数，它是行的值。如果员工姓名不包含任何空格，则效果很好。如果员工姓名包含空格，它会抛出我

        SyntaxError: unterminated string literal

取自 Firebug 。有没有人遇到过这些问题。请帮帮我。还请帮助理解之间的区别

        var element = '<div> ....'

和

        var element = $('<div> ....')

我知道第二个是 jquery 语法，但确切的区别是什么。多谢。

Answer 1

添加这些类

ui-button ui-widget ui-state-default ui-corner-all

悬停时添加ui-state-highlight。