jquery - 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 准备好。