Question

我正在尝试从下拉菜单中实现调用colorbox项目。使用此示例http://www.jacklmoore.com/colorbox/example4/，如何从下拉菜单中调用这些链接？它似乎在除了IE之外的每个浏览器中都能正常工作，而无需任何其他脚本我相信对于拥有真正编码技能的人来说，这将是一个简单的解决方案。任何人都可以帮助我吗？

Answer 1

我在谷歌快速搜索后发现了类似内容

我不知道这是否有效，但你为什么不试着把这段代码用到你的jsfiddle，我会看看我是否可以帮助你调试出现的任何问题。

来自：https://groups.google.com/forum/?fromgroups=#!topic/colorbox/OM85IPMoyP4

<select name="howheard" id="howheard" class="validate[required]"> 
  <option value="http://example1.com">Example 1</option> 
  <option value="http://example2.com">Example 2</option> 
  <option value="http://example3.com">Example 3</option> 
</select>

编辑：updadate colorbox（）init：

<script> 
   $(document).ready(function(){ 
      $("#howheard").change(function () { 
          var thisHref = $(this).val();
          $.colorbox({iframe:true, width:"80%", height:"80%", href: thisHref}); 
      }); 
   }); 
</script>

从下拉列表中调用colorbox

1 个答案: