Question

任何人都无法帮助在ajax上加载img内容？

<script type="text/javascript">

jQuery(function($){
$('.bar2').mosaic({
animation:'slide'//fade or slide
});
});

<script type="text/javascript">
    $(document).ready(function() {                 
  var hash = window.location.hash.substr(1);
  var href = $('#leftNav li a').each(function(){
    var href = $(this).attr('href');
    if(hash==href.substr(0,href.length-4)){
        var toLoad = hash+'.php #contentProd';
        $('#contentProd').load(toLoad)
}                                           
});
    $('#leftNav li a').click(function(){                          
 var toLoad = $(this).attr('href')+' #contentProd';
    $('#contentProd').hide('fast',loadContent);
    $('#load').remove();
    $('#wrapper').append('<span id="load">LOADING...</span>');

 function loadContent() {
    $('#contentProd').load(toLoad,'',showNewContent())
}
 function showNewContent() {
    $('#contentProd').show('normal',hideLoader());
}
 function hideLoader() {
    $('#load').fadeOut('normal');
}
 return false;
 });
});
   $('#leftNav li a').click( function() {
   $('#leftNav li a').removeClass('active');
   $(this).addClass('active');
})
</script>

HTML

<div class="body3">
  <div class="main"> 
    <article id="content">
      <div class="wrapperProd"  >

        <section class="col5">
      <div id="contentProd">
        <section class="cols pad_left0">
      <div class="wrapper pad_bot2">
    <h5>16 CUBE</h5>
          <figure>
              <div class="mosaic-block bar2"><a href="onePage.php" class="mosaic-overlay">
                <div class="details">
                  <p style="color:#FFF">SOME TEXT*<br />
                </div>
                </a>
                <div class="mosaic-backdrop"><a href="16.php">
                <img src="../../images/pres.jpg" alt="" width="" height="" />


                </a></div>
              </div>
            </figure>
            <a href="16.php" class="small button green"  style="position:relative; top:22px;">More</a> </div>
        </section>
</div>
</article>
</div>
</div>

我可以制作像'有效'一样的removeClass / ID吗？：§

MAny提前答应!!

KR

P.S。没有找到任何像这样的任务，所以我今天进行了注册:) 很棒的学习网站!!!

///////////编辑

请回复，

我做了两个人的交界处，

http://buildinternet.com/project/mosaic/

内

http://net.tutsplus.com/tutorials/javascript-ajax/how-to-load-in-and-animate-content-with-jquery/

当尝试直接在localhost中查看时，它们会显示并正常工作，但当马赛克图像内容被其他菜单替换时，再次移动马赛克图像时不会出现;±

了解？

TY

Answer 1

我在jquert非常新，我需要了解如何强制调用.bar2

<script type="text/javascript">
$(document).ready(function() {                 
var hash = window.location.hash.substr(1);
var href = $('#leftNav li a').each(function(){
    var href = $(this).attr('href');
    if(hash==href.substr(0,href.length-4)){
        var toLoad = hash+'.php #contentProd';
        $('#contentProd').load(toLoad)
    }                           
});
$('#leftNav li a').click(function(){                          
    var toLoad = $(this).attr('href')+' #contentProd';
    $('#contentProd').hide('fast',loadContent);
    $('#load').remove();    
    function loadContent() {
        $('#contentProd').load(toLoad,'',showNewContent())
    }
    function showNewContent() {
        $('#contentProd').show('normal',hideLoader());
    }
    function hideLoader() {
        $('#load').fadeOut('normal');
    }
    return false;
});
});
$('#leftNav li a').click( function() {
$('#leftNav li a').removeClass('active');
$(this).addClass('active');
})
jQuery(function($){

$('.bar2').mosaic({ animation: 'slide'//fade or slide
});
});
</script>

我做了两个人的交界处，

http://buildinternet.com/project/mosaic/

在ajax内容中，

http://net.tutsplus.com/tutorials/javascript-ajax/how-to-load-in-and-animate-content-with-jquery/

basacly，马赛克只出现在一个菜单栏中，从四个出现，但问题是，如果我直接加载该菜单，图像出现，一旦导航到图像菜单，他们返回它们不会出现;！

当图像被请求时，怎么可能调用.bar2？

如果我把'.bar2'放在

中

 function loadContent() {
        $('#contentProd', '.bar2').load(toLoad,'',showNewContent())
    }

始终请求图像，但只应在imageMenu上请求它们，

是有条件的解决方案吗？

请想了解这个

BR all

jQuery的;图片;重装

1 个答案: