在colorbox中加載html標記div

Question

我想在colorbox中顯示模板'.ajax'。如果我在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() 

}}); 
}); 

。