0 
<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 はまったく表示されません。簡単な裏技だと思いますが…

4

1 に答える 1

5

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.');
});

そして、プラグインを適切にインクルードしていること。

于 2013-02-06T22:31:21.193 に答える