Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/82.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
用javascript字符串附加html_Javascript_Jquery_Html - Fatal编程技术网

用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

我试图用javascript字符串附加html,但单引号有一些问题

到目前为止,添加元素仍然有效:

$("<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')
});