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（数据）。或者，我在帖子上方看到：你可以使用追加。

问候

JQUERY使用onClick事件附加一个按钮并在其中传递javascript变量

2 个答案: