Question

这是我试图修改并放入包装器div的代码。这非常有效。

display_element.append($('<div>', {
    html: trial.a_path_west,
    id: 'jspsych-single-stim-stimulus-west'
}));

但这不起作用。特别是div html部分显示[object HTMLImageElement]而不是实际图像。

to_add+="<div id='jspsych-single-stim-stimulus-west'>" + trial.a_path_west + "</div>";

谢谢！

Answer 1

html代码没有div属性。

html版本中使用的{}将在其上调用html jquery方法。

要这样做，您必须在div

的开始和结束标记之间添加html

to_add+="<div id='jspsych-single-stim-stimulus-west'>" +trial.a_path_west+ "</div>";

Answer 2

好的，我想我明白你要做什么以及你的问题是什么。当您使用"<div id='jspsych-single-stim-stimulus-west'>" + trial.a_path_west + "</div>"时，您将图像对象转换为字符串。

而是使用jquery方法，例如html，它将接受图像对象作为参数并生成必要的html

if (!trial.west_is_html) {
      to_add+="<img src="+trial.a_path_west+ " id='jspsych-single-stim-stimulus-west'>";
}
else {
     var wrapper = $("<div id='jspsych-single-stim-stimulus-west'></div>");
     wrapper.html(trial.a_path_west);
     to_add+= wrapper.html();
}

有关工作示例和更多信息，请参阅此demo中的answer

'[object HTMLImageElement]'显示而不是图像

2 个答案: