jquery：函数不能从外部页面工作

Question

我有一个页面从同一个域加载外部html，这个（外部）html页面有另一个jquery代码，由于某种原因拒绝工作。

页面：

$("#success").click(function () {     
$(this).load("testpage.html", function(response, status, xhr)
...

外部 testpage.html：

<div id="hidediv">
<a id="hidelinks" href="#">hide</a> <br />
text <br />
</div>

<script>
$('#hidelinks').click(function() {
    $('#hidediv').slideUp();
});
</script>

Answer 1

由于源策略相同，您无法从其他域加载内容。您必须使用JSONP（并且其他域必须提供它）。

Answer 2

你不会让这个工作。这是防止XSS的安全功能。

也许你可以选择iframe作为选项吗？

希望这有帮助

修改 好的，这个不同的东西。

尝试更改代码 到

$(function(){
      $('#hidelinks').click(function() {
       $('#hidediv').slideUp();
   });
});

由于此脚本必须等待DOM准备就绪。