gpt4 book ai didi

javascript - 在页面加载之前在ajax请求的页面上执行脚本

转载 作者:行者123 更新时间:2023-12-03 11:07:06 25 4
gpt4 key购买 nike

我有一个基于 AJAX 的网站导航。一个是index.html,另一个是profile.html。两个页面的内容是这样的:

<html>
<head>
<script src="script1.js" type="text/javascript"></script>
</head>
<body>
<nav class="main-nav">.....{{nav-content}}.....</nav>
<div class"content">
---{{main-content}}-----
</div>
</body>

在这两个页面上,我都链接了网站上任何地方可能需要的所有脚本。在 profile.php 上,我有一个使用 $("div#mySliderTabs").sliderTabs(); 触发的选项卡小部件。

当我加载 profile.php 的 <div class=".content"></div> 时使用 .load() 的内容,我必须手动执行 $("div#mySliderTabs").sliderTabs(); 作为 .load() 回调 再次使 sliderTabs 正常工作。

有没有办法让 sliderTabs 工作而无需再次触发脚本并加载生成的 html <div class=".content"></div>内容仅进入当前页面。

最佳答案

没有。据我所知,SliderTabs 需要一个 DOM 元素。这意味着它需要存在才能被实例化。不过还有其他选择

  1. 您可以加载新内容,将其保存在 jQuery 集合中并执行 sliderTabs(),而无需将其放入 DOM 中。然后您可以随时添加它。不过,sliderTabs() 仍然需要在 AJAX 调用之后执行。

  2. sliderTabs 可以使用冒泡事件来使单击事件起作用。像这样:

__

$('document').on('click', '#sliderButton', function() {
// do the sliding
});

即使之后使用 AJAX 加载按钮,它们也会有事件监听器。

关于javascript - 在页面加载之前在ajax请求的页面上执行脚本,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27797815/

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