動畫類與JavaScript/jQuery的

我有一個巨大的div包含多個div類。這些類別單獨顯示。動畫類與JavaScript/jQuery的

現在我試圖「刷卡」當前div類別時，點擊另一個鏈接。完成頁面刷新後。

我已經得到了點擊btn的網址的代碼。

<a href="#url" onclick='func(this)'>link1</a>

。

function func(elem) { //func = url from clicked element 
    window.location.href = (elem.href); 
    location.reload(); 
}

所以我有下面的代碼幾乎工作，但後來我搞砸了。 div class =「title」有人可以幫我嗎？

另外，如果不要求太多，我想添加一個if語句，以便代碼只在我們不在url上時執行。如果（FUNC == FUNC！）{}

function func(elem) { 
    $('.title').animate({ 
      left: '-6000' 
     }, // animating 
     'slow', 
     'swing', // the type of easing 
     function() { // the callback 
      window.location.href = (elem.href); 
      location.reload(); 
     }); 
}

來源

2014-01-14 Arash

你所說的「差不多的工作」，並且「搞砸了」是什麼意思？目前發生了什麼？ – Zhihao

你可以請一個http://jsfiddle.net/演示 – schnawel007

@Zhao好它是工作，如果我申請這個div ID。但那是主要的容器，我想製作其中的內容。 onclick的一部分，並且該腳本加載href並重新加載該頁面正在工作。所以現在我只想應用動畫，而不是div id，但是這個類。我想if語句植入，以便什麼都不會發生，如果func == func – Arash

你的意思是這個DEMO：

$('#urlGo').on('click', function(e){ 
if(!window.location.href == $(this).attr('href')){ 
e.preventDefault(); 
$(this).css('position','relative').animate({ 
    left: -6000}, 
    'slow', 
    function() { // the callback 
    window.location = $(this).attr('href'); 
     } 
    ); 
    };//End if 
});

來源

2014-01-14 15:18:17

想要說明的是，簡單檢查'window.location.href'和'href'屬性之間的相等性並不總是有效。 'http'和'https'之間不同的鏈接將不能通過檢查。如果鏈接指向同一網站上的其他人，則它也可能失敗，因爲「href」可能是絕對路徑或相對路徑，例如「/ path/to/new/page」。要解決這個問題，你可以控制'href'屬性的格式，或者使用regex來「正常化」字符串。 – Zhihao

是的，我同意。但這至少應該讓@Arash開始。如果需要，他可以調整它。 –

不是說你錯了或什麼。我認爲值得注意的只是指出它是一個難題。 :) – Zhihao

動畫類與JavaScript/jQuery的

回答

相關問題