需要帮助将事件绑定到jQuery模板

Question

当我单击减号按钮时，我希望文本框内的值减少，当我单击加号按钮时，我希望文本框内的值增加。我正在使用JSON模板来自动填充JSON。

<script id="template" type="text/x-jquery-tmpl"> 
    <div style="display:block;" id="${getNextId()}"> 
    <div class="adjuster"> 
     <button id='minusbutton'>-</button> 
     <input id='quantityText' class="enterQuantity" type=text 
      style="width:40px; margin-left:5px;margin-right:5px" /> 
     <button id='plusbutton'>+</buton> 
    </div> 
    <div class="productName"> 
     <div>${productname}</div> 
    </div> 
    <div class="quantity"> 
     <span style="font-weight:bold;">${quantity}</span> 
     <span> Remaining</span> 
    </div> 
    </div> 
</script> 

如果我在标记中的按钮上添加onclick事件，我该如何实现我的目标？

Answer 1

这里有一个简单的实现：http://jsfiddle.net/GAfyW/4/

HTML：

<div id="plusOne">Click to Increment</div> 
<div id="minusOne">Click to Decrement</div> 
<span type="text" id="valueContainer"/>0</span> 

JS放置的onload块中：

$('#plusOne').bind('click', function() { 
    var value = $('#valueContainer').html(); 
    // Increment the value 
    $('#valueContainer').html(parseInt(value)+1); 
}); 

$('#minusOne').bind('click', function() { 
    var value = $('#valueContainer').html(); 
    // Decrement the value 
    $('#valueContainer').html(parseInt(value) - 1); 
}); 

在这里：

• 'Plusone精选'=' plusButton“;
• 'minusOne'='minusButton';
• 'valueContainer'=您用来存放数量的跨度。