JQuery переключить div со ссылкой на colorbox (лайтбокс)

Question

У меня есть div, который переключает видимость списка под ним.В этом главном div у меня есть ссылка, открывающая палитру цветов (jquery «lightbox») для добавления нового элемента в список.

Конечно, когда я нажимаю на ссылку, она ничего не делаетно переключить список (как и его родитель).Поэтому я добавил stopPropagation () к ссылке.Теперь он идет по ссылке, но открывается в родительском окне, а не в палитре.

Как это исправить?Спасибо:)

<div class="list">
<div class="listname">
My List Name
<a href="my_link.html" class="colorbox">Add Item</a>
</div>
<div class="items">
My Items
</div>
</div>

$(".listname").toggle(
 function(){
  $(this).siblings(".items").slideDown(100);
  return false;
 },
 function(){
  $(this).siblings(".items").slideUp(100);
  return false;
 }
);

$(".listname a").click(function(e){ e.stopPropagation();  });

Answer 1

Убедитесь, что перед сценарием Colorbox вам необходима библиотека Jquery

<script src="/js/jquery.js" type="text/javascript">
<script>
 jQuery('a.colorbox').colorbox();
</script>

Answer 2

Не совсем точно, не зная точно, что такое триггер лайтбокса, но вы пробовали добавить

event.preventDefault ();

чтобы предотвратить переход по ссылке?

$(".listname a").click(function(e){ 
    e.stopPropagation();
e.preventDefault();
});