此功能使用動畫從滾動到#id滾動並將其着色bg-color顏色幾秒鐘。Onclick函數不運行第一次點擊
這是我用來從導航向下滾動到頁面上使用的功能,通過使用它在標籤中使用ID <h1 id="#someid">
和href="#someid"
屬性。該功能可以正常工作,但是,在加載頁面後第一次點擊時不起作用。任何想法如何解決它以及是什麼原因造成的?
//EXTERNAL JAVASCRIPT
function link(){
$('a[href^="#"]').click(function() {
var target = $(this.hash);
if (target.length == 0) target = $('a[name="' + this.hash.substr(1) + '"]');
if (target.length == 0) target = $('html');
$('html, body').animate({ scrollTop: target.offset().top }, 100);
target[0].style.backgroundColor = 'red';
setTimeout(function(){
target[0].style.backgroundColor = 'dodgerBlue';
}, 8000);
return false;
});
}
這是我的HTML,我簡單地覆蓋錨通過其鏈接到單擊屬性我的函數的link();
,你可以看到這上面的文字。
//HTML
<li class="sub-menu-element"><a href="#DERMATOLOG" onclick="javascript:link()">DERMATOLOG</a></li>
任何想法? 非常感謝您的幫助球員提前。
小記:你可以調用'if(target.length == 0)'兩次。 – zeroflagL 2013-03-17 19:35:04