如何使用jQuery的.load方法与jsfiddle回声功能？

我试图在jsfiddle.net上加载一个AJAX响应，但似乎无法弄清楚如何去做。我打电话给.load('/echo/html')，但我不确定如何传递数据？如何使用jQuery的.load方法与jsfiddle回声功能？

JS：

$(function() { 
    $("div.post-big").hide(); 

    $("div.expand").click(function() { 
    $(this).parent().hide(); 
    $(this).parents('.post').load('/echo/html/');   
    }); 
});

支持HTML：

<div class="post"> 
    <div class="post-small"> 
    <div>Title</div> 
    <div>Content</div> 
    <div class="expand">expand</div> 
    </div> 
    <div class="post-big"></div> 
</div> 

<div class="post"> 
    <div class="post-small"> 
    <div>Title</div> 
    <div>Content</div> 
    <div class="expand">expand</div> 
    </div> 
    <div class="post-big"></div> 
</div> 

<div class="post"> 
    <div class="post-small"> 
    <div>Title</div> 
    <div>Content</div> 
    <div class="expand">expand</div> 
    </div> 
    <div class="post-big"></div> 
</div>

支持CSS：

.post { 
    border: 1px solid #911; 
    margin: 5px; 
}

来源

2011-11-23 trying_hal9000

谢谢！这对我来说很有帮助，答案也是如此。我清理了一下问题并添加了代码。代码应该尽可能地在SO上，因此问题和答案是独立的，并且只为方便起见而链接到第三方网站。 –

如果你不喜欢我的改变，随意编辑或回滚，因为你已经看到它有另一个upvote :) –

您需要提供第二个参数.load方法，具有html属性。

.load('/echo/html/', { html: 'Hello!' });

看到jsfiddle

在这个演示的工作示例，请单击上说expand触发负载的文本。

来源

2011-11-23 22:48:54

您可以做的最好的事情是找到一个对象，您要附加的代码只需触发ajax调用的函数即可。例如

$('button').click(function(){ 
     //do your ajax call here 
});

来源

2011-11-23 23:37:56 wargodz009

如何使用jQuery的.load方法与jsfiddle回声功能？

回答

相关问题