2012-01-11 156 views
0

不能幫助加載img內容的Ajax?jquery;圖片;重新加載

<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 tks提前任何答覆!

KR

p.s.沒有找到任何這樣的任務,所以我今天就註冊:) 偉大的學習網站!

///////////編輯

TKS您的回覆,

從來就製成,兩者的交界處,

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

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

Hoever when t ry直接在本地主機上查看,它們出現和工作,但是當馬賽克圖像內容被其他菜單替代時,再次移動馬賽克圖像時未出現;±

明白嗎?

TY

+3

歡迎StackOverflow上。你真的需要澄清你的問題。什麼不起作用?一個工作示例會產生什麼結果? – maxedison 2012-01-11 16:16:25

+0

做了一個Quest編輯,再次tks maxedison – rikardo 2012-01-11 17:02:18

+0

仍然不知道你在問什麼。並且不要將答案發布爲其他問題/編輯。 – maxedison 2012-01-12 13:18:57

回答

0

I'm在jquert很新,plase我需要了解如何可以強制調用.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,馬賽克只出現在一個菜單欄,從四個,但問題是,如果我直接加載該菜單,圖像出現,一旦導航出圖像菜單,他們返回他們don' t出現;!

當圖像被請求時,如何調用.bar2?

,如果我把在

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

的圖像始終要求,但他們應該只imageMenu被要求」 .bar2' ,

是有條件解決?

請想了解這個

BR所有