Search code examples
jquerycolorbox

JQuery Colorbox $close.html(settings.close).show is not a function Error

I have included colorbox css and js files into my application. I have a link like that:

<a href="/changePassword.html" class="cboxElement" title="Change Password">Change Password</a>

and my js like that:

$(".cboxElement").colorbox();

However I get that error:

$close.html(settings.close).show is not a function
[Break On This Error] $close.html(settings.close).show();

Full code of method from colorbox plugin: 

trigger(event_open, settings.onOpen);
$groupControls.add($title).hide();
$close.html(settings.close).show()// error happens here;

When I debug it with Firebug element of settings is like that:

h NaN

href "/pages/changePassword.html"

rel "nofollow"

title "Change Password"

w NaN

I use ColorBox v1.3.17.2

PS: Do I miss anything i.e. giving width - height? I want to load content from another page within may page.

Solution

  • I was loading HTML with a colorbox link externally. When I called the colorbox function at the callback of the load function, the problem disappeared.