Question

当我从药物清单中的“patient_medications”列表中添加一些内容时，我希望能够通过类别点击事件将其删除以进行“药物治疗”。 click事件适用于从原始代码生成的药物，但单击时我的添加不会删除。我究竟做错了什么？这条线有问题吗？

$('#patient_medications').append('<li><a href="#" class="medication-on" data-cost='+cost+'>'+med_name+'</a></li>');

添加了链接，但点击不会导致该事件。

我也非常感谢有关使用大量药物进行此类操作的最佳方法的指导，例如，从搜索框生成所有药物的网址，或者根据用户输入选择一些药物

谢谢。

<ul id='patient_medications'>
{% for med in patient.medications.all %}
       <li><a href="#" class="medication-on" data-cost="{{med.m_cost}}">{{med.name}}</a></li>
{% endfor %}
</ul>
</div>
<h4>Total Cost (30-day supply):</h4>
<div id="costs">
{{sum.m_cost__sum}}
</div>
<h3>Available Medications:</h3>
{% for m in medications %}
    <li><a href="#" class="medication-link" data-cost="{{m.m_cost}}">{{m.name}}</a></li>
{% endfor %}
</div>
<script type="text/javascript">
$('.medication-on').click(function() {
    var link = $(this);
    var cost = link.data("cost");
    var costs = $('#costs');
    var cur_cost = parseFloat(costs.html());
    var result = cur_cost - cost;
    costs.html(result);
    $(this).parent().remove();
    $(this).remove();
});
$('.medication-link').click(function() {
    event.preventDefault();
    var link = $(this);
    var med_name = link.html();
    var cost = link.data("cost");
    $('#patient_medications').append('<li><a href="#" class="medication-on" data-cost='+cost+'>'+med_name+'</a></li>');
    var costs = $('#costs');
    var cur_cost = parseFloat(costs.html());
    var result = cur_cost + cost;
    costs.html(result);
});

</script>
{% endblock %}

jQuery（使用Django）：使用click事件将URL附加到List

0 个答案: