.load 函数不加载脚本函数.. 是否可以更改 AJAX 函数？

Question

我尝试使用 .load 函数加载带有脚本的 HTML 页面。但是，它不起作用。

有没有办法将现有代码更改为 AJAX 以使用脚本加载完整的 html 页面？我们需要在根据所选列表项更改内容时触发此脚本。

谢谢 HTML

<ul class="choices--sp">
  <li><a href="javascript:;" data-url="global.html">GLOBAL</a></li>
  <li><a href="javascript:;" data-url="australia.html">Australia</a></li>
</ul>

<div id="container">
</div>

JS

$('.choices--sp li a').click(function(){
  $('#container').load($(this).attr('data-url') + ' #ajax--container');
  return false;
});

要在 AJAX 中加载的 HTML 页面

<div id="ajax--container">
<section class="component">
    <div class="page">
        Test
        <script type="text/javascript">
            $(document).ready(function () {
                alert(1);
            });
        </script>
    <div>
  </section>
</div>

Answer 1

不确定您的需求..希望对您有所帮助

 $('.choices--sp li a').click(function(){
  $.ajax({
            url:$(this).attr('data-url'),  
            type: "GET",
            success:function(data) {$('#container').html(data);}
        });
  return false;
});