gpt4 book ai didi

javascript - 在 AJAX 加载的元素上运行 <script>

转载 作者:行者123 更新时间:2023-12-02 18:47:41 26 4
gpt4 key购买 nike

我有一个页面,通过 JQUERY.get 加载其部分内容.

<html>
<body>
<div onclick="foo('example.com')">Click here!!!</div>
<div id="replacePanel"/>
</body>
</html>

需要加载内容

<div id="replacePanel">
<div id="moveAccordion" class="grid_12">
<h3>From</h3>

<div>
<p>
<label class="label">From:</label>

</p>
</div>
<h3>To</h3>
<div>
<p style="padding-bottom: 15px;">
<label class="label">To:</label>
</p>
</div>
<h3>Delta</h3>
<div>
<p>
<label class="label">delta time:</label>
</p>
</div>
</div>
<script>
$('#moveAccordion').accordion();
</script>
</div>

JQuery AJAX 函数:

function foo(url){
$.get(url, function(response) {
$('#replacePanel').replaceWith($('#replacePanel',response));
}
}

它应该加载一个 jQuery UI Accordion ,但它只加载 HTML 部分,并且不会调用 <script>创建 UI。

您能告诉我如何使用 JavaScript 来运行该脚本吗?我认为这可能与某些 JavaScript 事件有关。

最佳答案

我的猜测是您附加了一个事件监听器来通过 ajax 加载内容?如果该假设正确,您应该使用 on 添加事件处理程序。如果您有 jQuery > 1.7,则此方法有效 - 如果您的版本较旧,请使用 live 添加事件处理程序。

参见:http://api.jquery.com/on/

关于javascript - 在 AJAX 加载的元素上运行 &lt;script&gt;,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16187620/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com