亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

FancyBox鏈接沒有顯示在燈光盒中-我遺漏了什么?

FancyBox鏈接沒有顯示在燈光盒中-我遺漏了什么?

至尊寶的傳說 2019-07-04 17:56:59
FancyBox鏈接沒有顯示在燈光盒中-我遺漏了什么?好吧,我以為我正確地實現了這一點,但我想我一定是在某個地方搞錯了。這是我的密碼:jQuery在這里:jQuery(document).ready(function( $ ){$(function() {     $( ".cta-nav-hover" ).tooltip({         show: null,         position: {             my: "right+40 bottom",             at: "left bottom"         },         open: function( event, ui ) {             ui.tooltip.animate({ top: ui.tooltip.position().top - 10 }, 75 );         }     });});$(function() {     $(".fancybox").fancybox();});});然后是HTML:<div id="cta-nav-wrapper">     <ul id="cta-nav">         <li class="bio">             <a href="http://placehold.it/350x125" title="Bio" class="cta-nav-hover fancybox"><span></span></a>         </li>     </ul></div>我認為這是可行的,但當我單擊該鏈接時,它只會讓我看到占位符圖像,而不是彈出。我做錯什么了?看起來我的文件排列得很好,或者至少當我通過Firebug檢查它們時,就會找到正確的js。我也嘗試過另一個叫做MagniicPopup的插件,但是它也沒有響應。我想這和我的WordPress主題的設置有關。
查看完整描述

2 回答

?
慕少森

TA貢獻2019條經驗 獲得超9個贊

這,這個href="http://placehold.it/350x125"不要對FancyBox說您正在打開image所以你任一 :

1)。添加fancybox.image特制班級,等級你的鏈接就像

<a class="cta-nav-hover fancybox fancybox.image" href="http://placehold.it/350x125" title="Bio"><span></span></a>

2)。添加(HTML 5)data-fancybox-type屬性添加到您的鏈接中,如下所示

<a data-fancybox-type="image" href="http://placehold.it/350x125" title="Bio" class="cta-nav-hover fancybox"><span></span></a>

3)。添加type選擇FancyBox腳本,如

$(".fancybox").fancybox({
   type: "image"});

你認為對你的案子更有用的東西。

:數字1)。和2)。以上工作僅適用于FancyBox v2.x。(第三條)。為V1.3.4和V2.x工作

編輯*包括JSFIDDLE使用您的代碼和jQueryv1.8.3。

有兩個環節:

  • 一個使用“fancybox.Image”類:

    工作

  • 其他沒有:

    不工作


查看完整回答
反對 回復 2019-07-04
  • 2 回答
  • 0 關注
  • 498 瀏覽

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號