0

使用 Fancybox 时收到以下消息。我已经搜索了这里的所有帖子，似乎没有什么能解决我的问题。如果我遗漏任何东西，请告诉我

"The requested content cannot be loaded. Please try again later."

输入 HTML：

<div class="ow_video_list_item ow_small">
   <a id="inline" href="#396">
      <img src="http://www.site.com/1.jpg">
   </a>
</div>

<div class="ow_video_list_item ow_small">
   <a id="inline" href="#397">
      <img src="http://www.site.com/2.jpg">
   </a>
</div>

jQuery转换后生成的输出：

<div class="ow_video_list_item ow_small">
   <div style="display: none;" id="#396">This is video 396</div>
   <a id="inline" href="#396">
      <img src="http://www.site.com/1.jpg">
   </a>
</div>

<div class="ow_video_list_item ow_small">
   <div style="display: none;" id="#397">This is video 397</div>
   <a id="inline" href="#397">
      <img src="http://www.site.com/2.jpg">
   </a>
</div>

每当我单击图像时，我都会弹出花式框，说“无法加载请求的内容。请稍后再试。” 据我了解，fancybox 的加载效果符合预期。

下面提供了绑定 Fancybox 的 jQuery。

                   $("#inline").fancybox({
                       overlayShow: true,
                       frameWidth:640,
                       frameHeight:360
                   });
4

1 回答 1

1

当您引用（例如使用）具有特定但此类元素不需要在其自己的属性中具有哈希符号时，您应该使用哈希符号，因此 #hrefIDID

id="#396"应该id="396"

此外，IDs 应该是唯一的......两个或多个元素不应该使用相同的ID. 如果您想两次或多次使用相同的选择器，请改用类。

所以改变这个

<a id="inline" href="#396">和<a id="inline" href="#397">

……到这个

<a class="inline" href="#396">和<a class="inline" href="#397">

...并将您的 fancybox 脚本更改为

$(".inline").fancybox()

查看常见问题选项卡，第 6 号了解更多信息。

于 2013-02-28T18:01:53.303 回答