jquery - 如何在没有 ajax 的情况下获得动态网站

Question

我找到了这个脚本： http: //perishablepress.com/demos/slide-fade-content/ 但是这个脚本是用 ajax 的。使用 ajax 加载的页面不显示 jquery。如何在没有 ajax 的情况下获取脚本，将 display:none 更改为在 css 中阻止。我用这个

<div id="galeria">
<a  class="showSingle" target="1">Motocykle</a>
<a  class="showSingle" target="2">Auta</a>
<a  class="showSingle" target="3">ATV/quady</a>
<a  class="showSingle" target="4">Łodzie</a>

<div id="div1" class="targetDiv"  style="display: block;"></div>
<div id="div2" class="targetDiv" style="display: none;"></div>
<div id="div3" class="targetDiv" style="display: none;"></div>
      </div>

<script type="text/javascript">
jQuery(function(){
   jQuery('.showSingle').click(function(){
       var item = $(this);
       var vis = jQuery('.targetDiv:visible');
       var targetItem = item.attr('target');
       var target = jQuery('#div' + targetItem);
       var fn = function() {
           target.fadeIn('slow');
       };
       if (vis.length) {
           if (vis[0].id == "div" + targetItem) {
               fn = function() {};
           }
           vis.fadeOut(fn);

       } else {
          target.fadeIn(slow);
       }
   });
});
</script>

但它看起来不像这样： http: //perishablepress.com/demos/slide-fade-content/

Answer 1

只需更改target.fadeIn(slow);为target.fadeIn('slow');

http://jsfiddle.net/gg3S6/1/