外部html呼び出し時の備忘録

jQuery

Last updated at 2014-12-09Posted at 2014-12-09

##備忘録
外部html呼び出し時にIEだと表示されるのにFirefoxだと表示されない現象の備忘録

###原因
$.get()を使う時にdataTypeを指定してなかった

hoge.html

<html>
	<head>
		<script type="text/javascript" charset="utf-8" src="../js/jquery-1.7.1.min.js"></script>
		<script type="text/javascript" charset="utf-8" src="../js/jquery.tmpl.js"></script>
		<script type="text/javascript" charset="utf-8" src="../js/hoge.js"></script>
	</head>
	<body>
		<div id="main"></div>
	</body>
</html>

hogehoge.html

    <p>${dispName}</p>

↓dataType未指定

hoge.js

$(function () {
    $.get(
        'hogehoge.html',
        null,
        function (data) {
            $.tmpl(data, { dispName: "テスト画面" }).appendTo("#main");
        }
    );
});

↓dataTypeにhtmlを指定

hoge.js

$(function () {
    $.get(
        'hogehoge.html',
        null,
        function (data) {
            $.tmpl(data, { dispName: "テスト画面" }).appendTo("#main");
        },
        "html"
    );
});

なんでIEは表示されるんですかねぇ┐(´∀｀)┌

You get articles that match your needs
You can efficiently read back useful information
You can use dark theme

What you can do with signing up