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"

Additionally, IDs should be unique ... two or more element shouldn't use the same ID. If you want to use the same selector two or more times, use classes instead.

So change this

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

... to this

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

... and change your fancybox script to

$(".inline").fancybox()

Check the FAQ tab, No. 6 for more.

于 2013-02-28T18:01:53.303 に答える