在非链接/href 上打开颜色框？

Question

我似乎找不到合适的搜索词组合来获得在非链接/href 上使用 jquery colorbox (http://www.jacklmoore.com/colorbox/) 加载内联内容的好例子。

我想为列表项应用一个类

因为它都可以点击并打开相应的内联内容 div。

我只是在纠结如何“提供”$.colorbox 通常来自 href="" 属性的 ID。

感谢任何链接/提示，我真的很感激。

Answer 1

你应该能够做到这一点，因为我看到我们可以提供一个 HTML 字符串来加载它。

$('.some-li').on('click', function(){
  $.colorbox({
    html: $('#div-to-load').html()
  });
});