2015-11-29 40 views
1

我真的很陌生,因此對於基本問題非常抱歉。基本上我有這個HTML文件,當它被加載時應該運行我的文件script.js,我的朋友告訴我使用$(function(){)來包含代碼,所以當我加載頁面時,它會運行整個腳本。然而,當我運行腳本時沒有任何事情發生,創建網頁應該在將對象數組加載到數組問題後,在div id = question_text中設置文本。我的HTML頁面似乎沒有運行我的JavaScript文件

這裏是我的HTML的頭,你可以看到我在的script.js

<!DOCTYPE html> 
<html> 

<head lang="en"> 
    <meta charset="UTF-8"> 
    <meta charset="utf-8"> 
    <meta http-equiv="X-UA-Compatible" content="IE=edge"> 
    <meta name="viewport" content="width=device-width, initial-scale=1"> 

    <link rel="stylesheet" href="../css/bootstrap-theme.min.css"> 
    <link rel="stylesheet" href="../css/bootstrap.min.css"> 
    <script src="../js/script.js"></script> 
    <title>Patient Questionnaire</title> 

</html> 

加入這裏是我的JavaScript

$(function() { 

    questions = []; 
    count = 0; 
    addQuestions(); 
    createWebpage(); 

    function Question(questionText, possibleAnswers, chosenAnswer) { 
    this.questionText = questionText; 
    this.possibleAnswers = possibleAnswers; 
    this.chosenAnswer = chosenAnswer; 
    } 

    function addQuestions() { 
    var question1 = new Question(
     "Do you have or have you ever had high blood pressure?", ['Yes', 'No'], 
     "" 
    ); 

    var question2 = new Question(
     "Within the last year, have you had chest pain or pressure with activity such as walking or climbing stairs?", ['Yes', 'No'], 
     "" 
    ); 

    var question3 = new Question(
     "Do you currently take medication to prevent or reduce agnia (chest pain from the heart)?", ['Yes', 'No'], 
     "" 
    ); 

    var question4 = new Question(
     "Have you ever had a heart attack?" ['Yes', 'No'], 
     "" 
    ); 

    questions.push(question1); 
    questions.push(question2); 
    questions.push(question3); 
    questions.push(question4); 
    } 

    function createWebpage() { 
    document.getElementById("question_text").innerHTML = questions[1].questionText; 
    console.log("questions") 
    } 

}); 

我只用JavaScript的幾次之前,但通常我能夠通過獲取elementID並將其設置爲我想要的來實現它。

任何幫助將不勝感激!

+0

你可以用項目的文件目錄進行更新嗎? –

+2

你實際上並沒有jQuery。 – SLaks

+3

查看控制檯中的錯誤消息。 – SLaks

回答

1

你必須使用下面的語法,爲了得到你的JavaScript代碼執行:

(function(){ 
    ... 
})(); 

這裏是工作提琴:http://jsfiddle.net/470sk1gd/

在我看來沒有必要在這種情況下使用jQuery 。

+0

謝謝你,我的朋友從來沒有告訴我他在他曾經幫助過我的網站中使用過jQuery –

0
  1. alert('Start');放在您的JavaScript文件的第一行,以查看它是否被加載。

  2. 正如SLaks所說,要使$正常工作,您需要使用jQuery。所以你也需要加載。

相關問題