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

将jquery样式应用于动态创建的按钮,jquery,jquery-ui,jqgrid,Jquery,Jquery Ui,Jqgrid,我是uI编程新手。我在应用程序中使用Jqgrid。我有一列,每行显示按钮,使用格式化程序选项创建。在格式化程序选项中描述的函数中,我正在为按钮绑定一个单击事件。下面是代码 { label: 'Depatment Name', name: 'deptName', width: 100, formatter:actionButtonFormatter }, function actionButtonFormatter ( ce

我是uI编程新手。我在应用程序中使用Jqgrid。我有一列,每行显示按钮,使用格式化程序选项创建。在格式化程序选项中描述的函数中,我正在为按钮绑定一个单击事件。下面是代码

        { 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;
       }
但是它们都不起作用,列中的按钮也没有应用于Jquery主题

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

        SyntaxError: unterminated string literal
取自萤火虫。有人面对过这些问题吗。请帮帮我。同时也请帮助理解两者之间的区别

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

var元素=$('..…'))
我知道第二个是jquery语法,但确切的区别是什么。非常感谢

添加这些类

ui-button ui-widget ui-state-default ui-corner-all
悬停时添加
ui状态高亮显示

添加这些类

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

在鼠标悬停时添加
ui状态突出显示

不确定我是否可以覆盖此处的所有基础

1) 我不记得添加样式的jQueryUI方法。但我从来没有这样做过。找出哪些类需要成为元素的一部分,并在按钮创建期间添加它们。因此,您可以将其设置为
“button”
,而不是创建一个按钮,然后在其上调用.button(),其中类填充了jQuery主题所需的类


2) 无论如何,您可能不应该使用onclick内联,但这是另一个讨论。同时,它非常简单:第一个是字符串,它最终可能被某些JavaScript方法(在jQuery中,类似于
.append()
)用来将新节点附加到DOM。第二个创建了node对象,但它仍然需要通过。。。类似于
.append()
;-)在引擎盖下,这是不同的。但在大多数情况下,这并不重要。

我不确定我能涵盖这里的所有基础

1) 我不记得添加样式的jQueryUI方法。但我从来没有这样做过。找出哪些类需要成为元素的一部分,并在按钮创建期间添加它们。因此,您可以将其设置为
“button”
,而不是创建一个按钮,然后在其上调用.button(),其中类填充了jQuery主题所需的类

2) 无论如何,您可能不应该使用onclick内联,但这是另一个讨论。同时,它非常简单:第一个是字符串,它最终可能被某些JavaScript方法(在jQuery中,类似于
.append()
)用来将新节点附加到DOM。第二个创建了node对象,但它仍然需要通过。。。类似于
.append()
;-)在引擎盖下,这是不同的。但是对于大多数目的来说,这并不重要。

$(“”)
包装一个jQuery对象,以便附加到DOM。而
'
只是一个字符串文字。
$('')
包装一个jQuery对象,准备附加到DOM。而
只是一个字符串文字。
ui-button ui-widget ui-state-default ui-corner-all