使用jQuery通過按鈕加載HTML文件

我想在使用jQuery單擊按鈕時調用HTML文件。使用jQuery通過按鈕加載HTML文件

這裏是我的html代碼：

<!DOCTYPE html> 
<head> 

    <title>Buttons</title> 

    <script type="text/javascript" src="jquery-1.3.2.js"></script> 
    <script type="text/javascript" src="buttonscript.js"> 
    </script> 
</head> 
<body> 
<input type ="button" id="myButton" value="Click Here"> 

<div id="dictionary"> 
</div> 
</body> 
</html>

那麼這裏是我的腳本：

$(document).ready(function(){ 
    $('myButton').click(function(){ 
     $('dictionary').load('a.html'); 
     return false; 
    }); 
    });

來源

2015-10-17 eee

添加#到您的選擇等，而不是使用return false，你可以阻止的默認行爲按鈕（如果type屬性設置爲submit）。

$(document).ready(function(){ 
    $('#myButton').click(function(event){ 

     // prevent page submit 
     event.preventDefault(); 

     // load the page into #dictionary 
     $('#dictionary').load('a.html'); 

    }); 
});

來源

2015-10-17 11:46:40

還沒有發生。我在字典div中添加了一些文本，當我點擊按鈕時，文本消失了，這就是它最多的功能。謝謝你嘗試！ – eee

我強烈建議爲此創建一個小提琴，或者至少將文件提交到服務器，並將鏈接放在評論中。 'a.html'的路徑可能不正確，或者該文件根本不存在。 –

此外，你應該檢查你的控制檯日誌，並報告你在這裏捕捉到的錯誤。 –

你在你的腳本兩種錯誤的做法件事：

你是不是用正確的語法分配選擇;
您正在外部文件上使用文檔就緒語法;

第一點是使用#前的id名和.類名前面的固定（見下面的修復）。

document.ready（）函數應該包含在html本身中：它告訴jquery只有在DOM準備就緒時才運行腳本。將它包含在外部文件中會使jQuery在外部文件上檢查DOM是否準備就緒，而不是包含在DOM中。因此，將您的腳本移動到html本身並進行一些更改：

。

$(document).ready(function(){ 
    $('#myButton').click(function(e){ 
    // prevent page submit 
     e.preventDefault(); 
     // load the page into #dictionary 
     $('#dictionary').load('a.html'); 
    }); 
});

來源

2015-10-17 12:27:51

我需要將我的腳本作爲我的HTML文件的獨立文件，就像我的講師要求的那樣。使用上面的腳本，但它所做的是顯示我的HTML文件的名稱即時通訊調用「a.html」而不是實際的文件 – eee

對不起！我修復了腳本中的錯誤。我使用.html但它應該是.load –

使用jQuery通過按鈕加載HTML文件

回答

相關問題