在colorbox中加载html标记div

Question

我想要显示模板＆＃39; .ajax＆＃39;在colorbox中。如果我在html页面中定义模板并在颜色框中调用它的工作。当我尝试在jquery中创建模板并在colorbox中调用时它不起作用。 在Fiddle工作 不工作fiddle2（想在javascript中调用模板）

HTML

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

jquery的

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

}});
});

Answer 1

将您的html模板放在单独的文件中......或者您可以直接调用

// 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()

}});
});

根据colorbox的官方文档。