2

私はこの問題を理解しようとして立ち往生しています。提案/修正は大歓迎です！

出典：私の出典

問題:キャプションが表示されない

html (軌道スライダー スライド用):

<div><img class="art-work" src="art/2.png" alt="" data-caption="#htmlCaption1" /></div>
<div><img class="art-work" src="art/3.png" alt="" data-caption="#htmlCaption2" /></div>
<div><img class="art-work" src="art/4.png" alt="" data-caption="#htmlCaption3" /></div>

....等々

html (軌道スライダーのキャプション用):

<span class="orbit-caption" id="htmlCaption1">Art #1</span>
<span class="orbit-caption" id="htmlCaption2">Art #2</span>
<span class="orbit-caption" id="htmlCaption3">Art #3</span>

...等々

html の js:

<script type="text/javascript">
   $(window).load(function() {
        $('#featured').orbit({
            bullets: true,
            timer: false,
            captions: true,
            animation: 'fade' 
        });
   });
</script>
4

1 に答える 1

3

これは、それをラップする「div」ではなく、「img」タグに「data-caption」属性があるためです。次のように変更すると、動作するはずです

<div data-caption="#htmlCaption1"><img class="art-work" src="art/2.png" alt="" /></div>
于 2012-09-10T15:27:11.990 に答える