2012-06-19 42 views
0

我想加載這個JavaScript的外部,但它似乎不工作?是否有一個原因?調用JavaScript外部不工作

我一直在閱讀,我在所有事情之前先加載jquery。但是當調用這些函數時,它們將不會加載。

$(document).ready(function() { 
    //add span to numbers 
    var elem = document.getElementById('passage'); 
    elem.innerHTML = elem.innerHTML.replace(/\b(\d+)\b/g, '<span>$1</span>'); 

    //menu toggle  
    $("#social-wrap li:nth-child(6)").click(function() { 
    $("#phone-nav").slideToggle("slow"); 
    }); 

    //nav slideDown  
    $('#main-nav li').hover(function() { 
    //show its submenu 
    $('ul', this).slideDown(100); 
    }, function() { 
    //hide its submenu 
    $('ul', this).slideUp(100); 
    }); 

    //show/hide countdown 
    $('#show').click(function() { 
    $('#countdown').slideDown('slow'); 
    return false; 
    }); 

    $('#hide').click(function() { 
    $('#countdown').slideUp('fast'); 
    return false; 
    }); 

    $('#hide,#show').click(function() { 
    $('#hide,#show').toggle(); 
    }) 

}); 

編輯

這裏是鏈接到WordPress的主題我建立:http://beta.revival.tv/
除了JS文件:http://beta.revival.tv/wp-content/themes/revival-theme/lib/scripts/main.js?ver=1.1
對不起,該網站是如何凌亂的,仍在努力它。

+3

你是如何鏈接到外部文件的? –

+1

調用* *兩個函數?從哪裏打電話? – Pointy

+2

爲什麼當你有jQuery時,你使用'document.getElementById'這樣的東西.. –

回答

1

其中之一,我聽說Wordpress與JQuery的$簡寫混淆。您可能可以將代碼包裝在這樣的東西中,以便能夠使用$簡寫。否則,請嘗試使用完整的jQuery()而不是$()。

(function($) { 
    // allows you to use $ inside of this wrapper. 

})(jQuery); 

另外,你如何添加jQuery到你的主題?有關包括外部腳本

http://wordpress.org/support/topic/how-do-you-get-jquery-to-work-in-wordpress

0
$('#hide,#show').click(function() { 
    $('#hide,#show').toggle(); 
}) 

這裏缺少分號。

現在再試一次。希望它有效。即使它不,發佈您的主要HTML頁面,你調用它的地方是 。

+0

這不應該破壞代碼。 –

+0

據我所知,丟失分號絕不會執行javascript代碼。 – vijay

+0

有一些像JavaScript中的自動分號插入。 –

0

一個很奇怪的事情是,它的問題你怎麼關閉它。 此:

<script type='blah' src='path'></script> 

作品,這一點:

<script type='blah' src='path' /> 

沒有。 我不知道爲什麼,我只知道這可能發生。

+0

aargh,我的代碼正在消失!有人可以格式化嗎?我的代碼在那裏,但只能在編輯頁面上看到! – 11684

+0

您的代碼必須以空白行與普通文本分開。 – dqhendricks