Javascript 在colorbox中加载html标记div

我想在colorbox中显示模板“.ajax”。如果我在html页面中定义模板并在colorbox中调用它，它将正常工作。当我尝试在jquery中创建模板并在colorbox中调用它时，它将不正常工作。 工作于 不工作（希望作为javascript中调用的模板工作）

html

<div class="ajax"><img src="https://www.w3schools.com/html/pic_mountain.jpg"/>
<p>Hello, world!</p>

---

把你的html模板放在一个单独的文件中…或者你可以直接调用它

// Called directly, without assignment to an element:
$.colorbox({href:"thankyou.html"});

// Called directly with HTML
$.colorbox({html:"<h1>Welcome</h1>"});

根据colorbox的官方文件

// Called directly, without assignment to an element:
$.colorbox({href:"thankyou.html"});

// Called directly with HTML
$.colorbox({html:"<h1>Welcome</h1>"});

$(document).ready(function(){
$.colorbox({inline:true, href:"template.html", onClosed: function() {
$('.ajax').hide()

}});
});