Question

我正在使用Jquery的一个简单的.load（）函数，我似乎无法使它工作。单击我的DIV时没有任何反应。我的警报TEST确实有效。

<div class="ing">CLICK HERE</div>
<div id="overlay3-content"></div>


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

   $(document).on('click', '.ing', function(e){
      $("#overlay3-content").load('content.html');
    // window.alert("test");  THIS WORKS
    });

</script>

页面content.html只有以下内容：

<html>TEST TEST TEST</html>

JS FIDDLE：https://jsfiddle.net/37ukdrLf/

任何想法

Answer 1

您正在使用file：//或C：/加载模型，由于它们不是http：//

，因此对于错误消息保持不变

因此，您可以在本地PC上安装网络服务器，也可以将模型上传到其他地方并使用jsonp并将网址更改为http://example.com/path/to/model

答案取自 HERE

Answer 2

试试这个：

$(document).on('click', '.ing', function(e){  
      $( "#overlay3-content" ).load( "content.html", function() {
        alert( "Load was performed." );
      });  
    });

jQuery .load函数无效

2 个答案: