jquery - 颜色框内联不起作用

Question

<script type="text/javascript" charset="utf-8">
      $(document).ready(function(){        
        $(".popup-thumb").colorbox({inline:true, width:"50%"});       
      });
</script>

<a href="#bap1" class="popup-thumb">
            <img src="projects/bachelor/thumb001.png">
            <div class="summary">
              <h5>..</h5>
              <p>...</p>
            </div>
     </a>
     <div style="display: none;">
          <div class="popup" id="bap1">
            <p>...</p>
            <img src="projects/bachelor/001.png">
            <ul>..
            </ul>
          </div>
        </div>

我不知道为什么它不起作用。弹出 div 根本不出现。我认为这是一些简单的技巧...

Answer 1

您在块元素周围包裹了一个锚标记，这在非 HTML5 环境中不是语义的。

所以如果你修复你的 HTML 它应该在这里工作是一个小提琴http://jsfiddle.net/bNa3Z/

<a href="#bap1" class="popup-thumb">Show</a>

<div style="display: none;">
    <div class="popup" id="bap1">
        <p>Hello World</p>
    </div>
</div>

添加了 jQuery：

$(document).ready(function(){        
    $(".popup-thumb").colorbox({inline:true, width:"50%"});       
});

注意 - 这是小提琴中看到的工作代码，所以如果这仍然不适合您，请务必确保 jQuery 正在运行-

$(function(){
    alert('jQuery is running.');
});

并且您正确地包含了您的插件。