將jQuery樣式應用於動態創建的按鈕

Question

我是uI編程的新手。 我在我的應用程序中使用Jqgrid。 我有一列在每一行中顯示按鈕，使用formatter選項創建。 在格式化程序選項中描述的功能中，我綁定了按鈕的click事件。 下面是代碼

        { 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主題未應用到使用formatter選項添加的Department Name列中的按鈕。 我只想將此按鈕與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

取自螢火蟲。 有沒有人面對這些問題。 請幫幫我。 並且還請幫助保持兩者之間的差異

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

和

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

我知道第二個是jquery語法，但是確切的區別是什么。 非常感謝。

Answer 1

添加這些類

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

在懸停時添加ui-state-highlight 。

Answer 2

不確定我是否可以涵蓋這里的所有基礎...

1）我不記得添加樣式的jQuery UI方法。 但是我從不這樣做。 找出哪些類需要成為元素的一部分，並在創建按鈕期間添加它們。 因此，與其制作一個按鈕然后在其上調用.button（），不如將其"<button class="someclass otherclass">Button</button>"為"<button class="someclass otherclass">Button</button>" ，在"<button class="someclass otherclass">Button</button>"中填充了jQuery主題所需的類。 。

2）無論如何，您可能不應該使用onclick內聯，但這是另一個討論。 同時，這很簡單：第一個是字符串，最終可能會被某些JavaScript方法（在jQuery中，如.append() ）使用，以將新節點附加到DOM。 第二個創建節點對象，但仍然需要使用.append()類的東西將其附加到DOM。 ;-)引擎蓋下有一個區別。 但是對於大多數目的來說，這並沒有太大關系。