用javascript字符串附加html
我试图用javascript字符串附加html,但单引号有一些问题 到目前为止,添加元素仍然有效:用javascript字符串附加html,javascript,jquery,html,Javascript,Jquery,Html,我试图用javascript字符串附加html,但单引号有一些问题 到目前为止,添加元素仍然有效: $("<a class='action-button' id='pl65197buy' value='buy now'>Bekijk aanbieding</a>").prependTo("div#centerplist"); 这显然是错误的,但这是控制台中没有错误的最接近的结果: $("<a class='action-button' id='pl65197buy
$("<a class='action-button' id='pl65197buy' value='buy now'>Bekijk aanbieding</a>").prependTo("div#centerplist");
这显然是错误的,但这是控制台中没有错误的最接近的结果:
$("<a class='action-button' id='pl65197buy' value='buy now' onclick='buy(this, 65197, null, 'pl65197qty',null, '/ajax/buy'>Bekijk aanbieding</a>").prependTo("div#centerplist");
$(“您需要使用\
字符转义引号。请尝试此操作
$("<a class='action-button' id='pl65197buy' value='buy now' onclick=\"buy(this, 65197, null, 'pl65197qty',null, '/ajax/buy')\">Bekijk aanbieding</a>").prependTo("div#centerplist");
$(“Bekijk aanbieding”).prependTo(“div#centerplist”);
$(“Bekijk aanbieding”).prependTo(“div#centerplist”);
试试这个我建议在javascript中使用一个稍微不同的事件处理程序。这样既易于阅读又易于维护
$("<a class='action-button' data-id='165197' id='pl65197buy' value='buy now' >Bekijk aanbieding</a>").prependTo("div#centerplist");
$(document).on("click",".action-button",function() {
// your buy() function
// $(this) contains your pressed button information
buy($(this)[0], $(this).data('id'), null, 'p' + $(this).data('id') + 'qty', null, '/ajax/buy')
});
$(“Bekijk aanbieding”).prependTo(“div#centerplist”);
$(文档)。在(“单击”、“.action按钮”上,函数(){
//您的buy()函数
//$(此)包含您按下的按钮信息
购买($(this)[0],$(this).data('id'),null,'p'+$(this.data('id')+'qty',null,/ajax/buy'))
});
例如,您可以使用$(this.data('id')
访问数据id
属性
编辑:我已经包括了你的购买功能,我不知道p+id+qty是否是通用的,尽管我想你知道它的工作原理。试试这个
$(文档).ready(函数()
{
美元(“#centerplist”)。前置(“Bekijk aanbieding”);
});
功能购买(p1、p2、p3、p4、p5、p6)
{
警报(p2);
}
为什么在javascript代码中使用onclick而不是事件处理程序?真的吗?只是为了删除一个“是”?嗯,这很有趣。虽然编辑了我的答案,但不确定如何编写函数。现在是否更清楚如何在事件处理程序中编写函数?
$("<a class='action-button' id='pl65197buy' value='buy now' onclick=\"buy(this, 65197, null, 'pl65197qty',null, '/ajax/buy')\">Bekijk aanbieding</a>").prependTo("div#centerplist");
$("<a class='action-button' data-id='165197' id='pl65197buy' value='buy now' >Bekijk aanbieding</a>").prependTo("div#centerplist");
$(document).on("click",".action-button",function() {
// your buy() function
// $(this) contains your pressed button information
buy($(this)[0], $(this).data('id'), null, 'p' + $(this).data('id') + 'qty', null, '/ajax/buy')
});