如何在.load中添加緩動div to div

Wordpress正在爲圖庫生成帖子的鏈接。如何在.load中添加緩動div to div

<ul> 
<li><a href="/link/to/whatever" class="gallery-link">I Am A Gallery!</a></li> 
<li><a href="/link/to/whatever-2" class="gallery-link">I Am Another Gallery!</a></li> 
</ul>

我不希望鏈接去後頁面，而是有聯繫的名單上面一個div（#result）的含量（.entry內容）負載。

jQuery(document).ready(function() { 
    jQuery(".gallery-link").click(function() { 
     var $target = jQuery(this).attr("href"); //get the URL where the content is 
     jQuery("#result").empty() // if the div has stuff in it, get rid of it 
     jQuery("#result").css({ 'background-image': 'url(http://staging.caterernyc.com/wp-content/themes/caterer/images/ajax-loader.gif)', 'background-repeat': 'no-repeat', 'background-position': 'center', 'min-height': '200px' }); // show the loading gif while the .entry-content is being loaded 

     jQuery("#result").load(this.href+" .entry-content", function() { // load the content 
        jQuery("#result").css('background-image', 'none'); // remove the loading gif 
     }); 

     return false; 
    }); 
});

這工作但我想要做的是緩解#result DIV開放，而不是僅僅出現的內容。我試過的東西沒有任何工作。這甚至有可能嗎？我是否全部錯了？

來源

2013-10-31 Beka

輕鬆你的意思是從側面滑動？ –

是的。我想讓它滑開。 – Beka

你可以嘗試這樣的：

jQuery("#result").hide().load(url,function(){ 
    /* slide open once loaded*/ 
    $(this).slideDown(); 
});

無需使用empty()之前load()。現有內容正在被替換爲load()。還建議使用切換類而不是用.css()替換背景。這是更清潔，更容易維護代碼

來源

2013-10-31 21:33:46 charlietfl

不幸的是，這也行不通。 – Beka

沒有理由，它不應該工作...在這個演示中工作正常http://plnkr.co/edit/kY4XKY4jKSCRKhy7cOnQ – charlietfl

如何在.load中添加緩動div to div

回答

相關問題