jQuery加载函数 - 调用,但新页面未加载

时间:2014-02-16 22:14:00

标签: javascript jquery html

我是Javascript和jQuery的新手。目前,我正在使用Google Maps API为课程创建内容。我想从我的一个div中加载另一个HTML页面,我正在尝试使用jQuery的加载函数来执行此操作。我知道该函数被调用,但我想加载的实际页面没有加载。

以下是“HTML”的外观(在Google Maps InfoWindow中使用):

var contentString = '<div id="content">' + 
    '<p>Do you want to add this pin?' +
    '<input id="submit" type="button" value="Yes" onclick="loadForm()"> <input type="button" value="No" onclick="closeInfowindow()">' + 
    '</div>';

单击按钮时,这是我的函数调用:

function loadForm() {
    $("#content").load("form.html", function() {
        alert( "Load was called..." );
    });
}

我在尝试时会显示警报,但它不会加载form.html。 form.html是一个位于同一文件夹中的html文档,其中包含以下内容:

<html>
<body>
    <form name='myForm'>
        Name: <input type='text' name='name' /> <br />
        Time Planted: <input type='datetime-local' name='time' /> <br />
        Time Found: <input type='datetime-local' name='time' /> <br />
        Location: <input type='text' name='location' /> <br />
    </form>
</body>
</html>

非常感谢您的帮助:)

0 个答案:

没有答案