javascript - 如何使用 jquery 将动态变量附加到 div ？

Question

我在让它发挥作用时遇到了一些困难。我想要做的是从 onclick 中获取动态变量并将它们放入我要附加到文档中另一个 div 的 div 中。由于每个项目都有与数据库查询关联的变量，因此我认为从数据库填充 buildTicket() 变量会更容易。

我知道我做错了什么。我就是不明白是什么。

如果你有更好的方法，我洗耳恭听。

这是我的 JavaScript:

<script type="text/javascript">
$(document).ready(function(){
$(function() {
buildTicket = function(eventname,ticketprice,venueid,userid) {
    $(".ticketbtn").click(function(){
      $(".ticketwindow").append("<div class='ticket'>" + eventname + " - " +     eventprice + "</div>");
    });
}
});
</script>

这是我的 HTML:

<div class="ticketbtn" onclick="buildTicket('Some Show','12.00','1','2');">
        <img src="assets/images/tixicon.png" alt=""> <div class="eventname">Some Show</div>
        <div class="ticketprice">Adult - 12.00    </div>
    </div>

<div id="ticketwindow">

</div>

有人可以帮我解决这个问题吗？

(对代码格式感到抱歉。仍在尝试弄清楚如何正确使用 stackoverflow 的表单。)

谢谢，乔

Answer 1

首先，$(function() { 相当于 $(document).ready(function() {)，因此您只需要其中一个。

其次，如果您使用 jQuery 绑定(bind)到 click()，则不需要使用 onclick 属性，反之亦然。

如果您只使用 onclick 属性，那么您可以删除文档就绪处理程序和 click() 绑定(bind)，然后简单地定义 buildTicket() 函数。

第三，buildTicket() 中的 eventprice 变量命名错误。

这是一个工作 fiddle ，使用 jQuery 绑定(bind)到按钮 div 的 click 事件。 http://jsfiddle.net/BdJAL/