Question

我想在OS X小部件上加载部分外部页面int。使用JQuery我可以加载页面但我遇到错误，尝试将其放入页面。

我在将返回的html过滤到页面之前遇到了问题。

我希望能够获取页面，过滤掉我想要的表格，然后将其附加到页面（在loadArea div处）

    $(document).ready(function() {
        $().load("source.html", function(request) {
            $("#loadArea").append(request).filter(".myclass"); // this is in callback because the loading is asynchronous and you cant filter it before it is all there) 
        });             
    });

当我执行上述操作时，屏幕上没有任何内容，页面是空白的（应该是黑色 - ＆gt;某些内容会打破整个页面）

用正确的方式用空选择器$（）来做吗？我一般都是以正确的方式来做这件事吗？

Answer 1

您的空选择器方法可能有效，但使用$ .get或$ .post更有意义。此外，您必须在附加之前过滤要追加的元素。尝试

$.get('source.html', function(data) { $(data).filter('.myClass').appendTo('#loadArea'); });

Answer 2

我会这样做

$(document).ready(function() {
  $(#loadArea).load('source.html .myclass'
     function());                             
  });

将从source.html加载到#loadArea的.myclass

Answer 3

我建议将其分解为功能部分进行测试。首先查看页面是否实际返回而没有错误，因此请单独测试加载调用。然后尝试使用一些虚拟数据单独更新loadArea。

在回调中使用debugger关键字可能有助于检查来自服务器的响应。

jquery过滤器原始html表单load（）

3 个答案: