javascript - javascriptとjqueryを使用して外部ファイルdivからdivを作成する

Question

ここで非常にイライラします。これを機能させることができず、理由がわかりません。div に別の html ファイルの div を設定しようとしています。これが私のコードです：

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script>

<div id="text">
content goes here
</div>

<script type="text/javascript">
    function whenButtonClicked() {
        var book = document.getElementById("book").value; //this is working
        var chapter = document.getElementById("chapter").value; //this is working
        var filename = 'files/' + book + chapter + '.html'; //this is working
        $('#text').load(filename #source); //this is NOT
    }

</script>

助けてくれてありがとう。

アダム

編集：これは私が取り組んでいる実際のファイルへのリンクです。それにも何か問題があるかもしれません。

Answer 1

次のコードを使用してください: $('#text').load(filename + " #source");.