fancybox錯誤無法加載請求的內容。請稍後再試

Question

我想用下面的代碼彈出一個漂亮的盒子，但我得到以下錯誤。 無法加載請求的內容。請稍後再試

$(".sizing-link").on("click", function(event) { 

     $(".sizing-link").fancybox(); 

    }); 


    <a href="#" class="sizing-link">What's my size</a>  

    <div style="display: none"> 
     <div id="inlineContent"> 
      <h2>Sizing Guide</h2> 
       <table border="0" cellpadding="0" cellspacing="0" style="width: 713px;"> 
    <colgroup> 
     <col width="129"> 
     <col span="8" width="73"> 
    </colgroup> 

    <tbody> 
     <tr> 
      <td class="xl75" height="27" width="129">Waist - Jeans</td> 

      <td class="xl65" width="73">(+/-)</td> 

      <td class="xl66" width="73">30</td> 

      <td class="xl66" width="73">32</td> 

      <td class="xl66" width="73">34</td> 

      <td class="xl66" width="73">36</td> 

      <td class="xl66" width="73">38</td> 

      <td class="xl66" width="73">40</td> 

      <td class="xl66" width="73">42</td> 
     </tr> 

     <tr> 
      <td class="xl75" height="24">Waist - Brand's</td> 

      <td class="xl68">&nbsp;</td> 

      <td class="xl69">30</td> 

      <td class="xl70">32</td> 

      <td class="xl70">34</td> 

      <td class="xl70">36</td> 

      <td class="xl70">38</td> 

      <td class="xl70">40</td> 

      <td class="xl71">42</td> 
     </tr> 

     <tr> 
      <td class="xl75" height="24">Leg Opening</td> 

      <td class="xl68">&nbsp;1/8</td> 

      <td class="xl74">7 3/4</td> 

      <td class="xl70">8</td> 

      <td class="xl72">8 1/4</td> 

      <td class="xl72">8 3/4</td> 

      <td class="xl72">9 1/4</td> 

      <td class="xl72">9 1/2</td> 

      <td class="xl73">9 3/4</td> 
     </tr> 

     <tr> 
      <td class="xl75" height="24">Hip</td> 

      <td class="xl68">&nbsp;1/2</td> 

      <td class="xl69">38</td> 

      <td class="xl70">40</td> 

      <td class="xl70">42</td> 

      <td class="xl70">44</td> 

      <td class="xl70">46</td> 

      <td class="xl70">48</td> 

      <td class="xl71">50</td> 
     </tr> 

     <tr> 
      <td class="xl75" height="24">Thigh</td> 

      <td class="xl68">&nbsp;1/4</td> 

      <td class="xl69">23</td> 

      <td class="xl70">24</td> 

      <td class="xl70">25</td> 

      <td class="xl70">27</td> 

      <td class="xl70">28</td> 

      <td class="xl70">29</td> 

      <td class="xl71">30</td> 
     </tr> 

     <tr> 
      <td class="xl75" height="24">Knee</td> 

      <td class="xl76">&nbsp;1/8</td> 

      <td class="xl77">8</td> 

      <td class="xl78">8 1/4</td> 

      <td class="xl78">8 1/2</td> 

      <td class="xl79">9</td> 

      <td class="xl78">9 1/2</td> 

      <td class="xl78">9 3/4</td> 

      <td class="xl80">10</td> 
     </tr> 
    </tbody> 
</table> 

     </div> 
    </div> 

Answer 1

取而代之的是

$(".sizing-link").on("click", function(event) { 
    $(".sizing-link").fancybox(); 
}); 

試試這個只有

$(".sizing-link").fancybox(); 

（你不需要.on("click")法）

... 和而不是此

<a href="#" class="sizing-link">What's my size</a> 

試試這個

<a href="#inlineContent" class="sizing-link">What's my size</a>