JQUERY附加帶有onClick事件的按鈕並在其中傳遞javascript變量

Question

parameters=eval([[\"April\",[[\"medical\",\"1\"],[\"financial\",\"4\"],[\"burial\",\"1\"]]],[\"May\",[[\"medical\",\"2\"],[\"financial\",\"6\"],[\"burial\",\"6\"]]]]);   

<input type="submit" value="Pie Chart" onClick="showChart('<?php echo $title;?>',parameters,'#container','chart','Pie Chart')"/>

當我僅將其包含到我的html代碼中時，此方法就可以正常工作。 但我想使用javascript或jquery將其附加到特定的div中。 像這樣。

<script>
    parameter=eval("[[\"April\",[[\"medical\",\"1\"],[\"financial\",\"4\"],[\"burial\",\"1\"]]],[\"May\",[[\"medical\",\"2\"],[\"financial\",\"6\"],[\"burial\",\"6\"]]]]");

    myButton="<input type="submit" value="Pie Chart" onClick="showChart('<?php echo $title;?>',parameters,'#container','chart','Pie Chart')"/>";
    $('#content').append(myButton);
</script>

我的問題是，每當我單擊按鈕時，它都不會執行該功能。 也許是因為我傳遞了可變參數，而我的問題是如何正確執行此操作？ 而且我避免使用Ajax，因為它會影響我的代碼的很大一部分。

Answer 1

試試這個：使用轉義字符並使用加號運算符添加參數變量

<script>
    parameter=eval("[[\"April\",[[\"medical\",\"1\"],[\"financial\",\"4\"],[\"burial\",\"1\"]]],[\"May\",[[\"medical\",\"2\"],[\"financial\",\"6\"],[\"burial\",\"6\"]]]]");

    myButton="<input type=\"submit\" value=\"Pie Chart\" onClick=\"showChart('<?php echo $title;?>',"+parameters+",'#container','chart','Pie Chart')\"/>";
    $('#content').append(myButton);
</script>

Answer 2

jQuery('#yourbutton').on('click', function() {           
   });  // your on click event
  //to add content to innerhtml of div:
  jQuery('#divelementorother').html(jQuery('#divelementorother').html() +   YourDataToInside);

首先，您看到jQuery的.on函數，以在單擊時獲取事件處理程序以執行函數。 您可以將其作為JavaScript附加到div的html，因此不必使用按鈕本身onclick

其次，要擴展類似elemnt的innerhtml或html，必須使用.html（data）。 或者，我在帖子上方看到：您可以使用append。

問候