2

fancybox の実行に問題があります。他のいくつかの jquery も実行しています。以下は実行中のスクリプトです。

    <!-- latest jQuery direct from google's CDN -->
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js">
</script>

<!-- the mousewheel plugin - optional to provide mousewheel support -->
<script type="text/javascript" src="../js/jquery.mousewheel.js"></script>

<!-- the jScrollPane script -->
<script type="text/javascript" src="../js/jquery.jscrollpane.min.js"></script>

<!-- EasySlider -->
<script type="text/javascript" src="../js/easySlider.js"></script>

<!-- fancybox -->
<script type="text/javascript" src="../js/fancybox/jquery.fancybox-1.3.2.pack.js"></script>

<!-- fancybox transitions -->
<script type="text/javascript" src="../js/fancybox/jquery.easing-1.3.pack.js"></script>

<script>
$(function()
{
    $('.scroll-pane').jScrollPane();
});

</script>  

<script>
$(document).ready(function(){   
    $("#slider").easySlider({
        auto: true,
        continuous: true 
    });
});

</script> 

<script>
$(document).ready(function(){   
    $("a#fancy").fancybox({
        'transitionIn'  :   'elastic',
        'transitionOut' :   'elastic',
        'speedIn'       :   600, 
        'speedOut'      :   200, 
        'overlayShow'   :   false
    });


});
</script>

そして、これは現在影響を受けている (影響を受けていない) div です。

<div class="bodytext" style="position:absolute; left:457px; top:911px; width:468px; height:23px;">
<a id="a#fancy" href="../katie/studies/1_explorer/explorer_01.png">1</a>
&bull; 
<a id="a#fancy" href="../katie/studies/1_explorer/explorer_02.jpg">2</a>
&bull; 
<a id="a#fancy" href="../katie/studies/1_explorer/explorer_03.jpg">3</a>
</div>

他のすべてのスクリプトが正常に実行されているため、何が起こっているのかわかりません。どんな助けにも乾杯。それはおそらく私が見落としている単純なものです:]

4

2 に答える 2

12 
$(document).ready(function(){   
    $("a#fancy").fancybox({
        'transitionIn'  :   'elastic',
        'transitionOut' :   'elastic',
        'speedIn'       :   600, 
        'speedOut'      :   200, 
        'overlayShow'   :   false
    });


});

これは、「a#fancy」ではなく「fancy」という ID を持つ要素を参照しています。したがって、「a」タグの ID を変更するか、以下に示すように ID の代わりに「a」タグ クラスを使用できます。

$(document).ready(function(){   
    $("a.fancy").fancybox({
        'transitionIn'  :   'elastic',
        'transitionOut' :   'elastic',
        'speedIn'       :   600, 
        'speedOut'      :   200, 
        'overlayShow'   :   false
    });
});

とhtml

<div class="bodytext" style="position:absolute; left:457px; top:911px; width:468px; height:23px;">
<a class="fancy" href="../katie/studies/1_explorer/explorer_01.png">1</a>
&bull; 
<a class="fancy" href="../katie/studies/1_explorer/explorer_02.jpg">2</a>
&bull; 
<a class="fancy" href="../katie/studies/1_explorer/explorer_03.jpg">3</a>
</div>
于 2010-11-02T12:24:54.543 に答える
0

a は html タグを指します。ここで、fancy は、選択しようとしている要素の実際のタグです。

于 2012-02-01T04:51:45.447 に答える