个人中心
文章发布
退出
作者热门文章
- android - RelativeLayout 背景可绘制重叠内容
- android - 如何链接 cpufeatures lib 以获取 native android 库？
- java - OnItemClickListener 不起作用，但 OnLongItemClickListener 在自定义 ListView 中起作用
- java - Android 文件转字符串
26
4
我正在 PHP 脚本中构建一个带有选项卡的 jQuery 对话框。该脚本在循环内使用“include”指令，遍历选项卡并包含其他脚本。每个包含的文件都有选项卡的数据和一个带有 jQuery document.ready() 函数的 <script> 标签。没有循环，它基本上是这样做的:
<div id="tabDialog">
<div id="tabs">
<ul>
<li><a href="#tab1'>Tab1</a></li>
<li><a href="#tab2'>Tab2</a></li>
</ul>
<div id="tabContainer">
<div id="tab1">
<?php include "tab1.php"; ?>
</div>
<div id="tab2">
<?php include "tab2.php"; ?>
</div>
</div>
</div>
</div>
例如，tab1.php 可能有类似的内容:
<script type="text/javascript">
$(document).ready (function () {
alert ('tab1 loaded');
});
</script>
问题是，在使用
$("#tabDialog").dialog ({
autoOpen: false,
minWidth: 450,
minHeight: 400,
width: 600,
height: 500
}).dialog ('open');
造成这种情况的原因是什么？补救这种情况的最佳方法是什么？我试图将每个选项卡的功能保存在单独的文件中，因为它们可以在多种情况下使用，而且我不必复制与它们关联的代码。
感谢任何帮助或建议。
最佳答案
我相信我已经找到原因并创建了一个相当不错的修复程序。当 jQuery 创建对话框时，它将包含对话框内容的 DIV 在 DOM 中四处移动(到文档的最后)，并用对话框所需的必要脚手架围绕该 div(可能通过使用 .append( ) 函数或类似的东西)。因为动态的 DIV 中包含 Javascript，jQuery 在 DIV 重新定位到 DOM 后(即第二次)调用 document.ready() 函数。因此，在构建对话框之前，我 .remove() 了对话框 DIV 中的每个脚本标记，如下所示:
$("#tabDialog").find ("script").remove ();
$("#tabDialog").dialog ({
autoOpen: true,
minWidth: 450,
minHeight: 400,
width: 600,
height: 500
});
这样做会从最初加载它的 DIV 中删除 SCRIPT 标记，但 SCRIPT 本身仍然存在。我仍在对此进行研究，因为我不完全了解动态加载的 Javascript 代码实际“存在”的位置，但我怀疑它位于 DOM 之外的某个地方。我在 Chrome、Firefox 和 Exploder 8 中验证了这一点。
我通过在 DIV 中放置一个按钮并分配一个 .click() 函数来验证最初包含在加载的 DIV 中的任何脚本仍然按预期运行。这是一个小测试来证明这一点:
<html>
<head>
<link href="css/redmond/jquery-ui-1.8.1.custom.css" type="text/css" rel="stylesheet" media="screen" />
<link href="css/style.css" type="text/css" rel="stylesheet" media="screen" />
<script src="js/jquery-1.4.2.js" type="text/javascript"></script>
<script src="js/jquery-ui-1.8.1.custom.min.js" type="text/javascript"></script>
</head>
<body>
<div id="dialogContents" style="display: none;">
<div style="border: 1px solid black; height: 98%;">
<form id="testForm">
<input type="text">
</form>
<button id="testButton">Test</button>
<script type="text/javascript">
$(document).ready (function () {
alert ("ready");
$("#testButton").click (function () {
alert ('click');
});
});
</script>
</div>
</div>
</body>
<script type="text/javascript">
$(document).ready (function () {
//
// Remove all the scripts from any place in the dialog contents. If we
// do not remove the SCRIPT tags, the .ready functions are called a
// second time. Removing this next line of Javascript demonstrates this.
//
$("#dialogContents").find ("script").remove ();
$("#dialogContents").dialog ({
width: 300,
height: 300,
title: 'Testing...'
});
});
</script>
</html>
我感谢在此线程中提供的帮助!
关于php - jQuery 就绪函数在对话框中被调用两次，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/3154458/
26
4
0
嗨，这是我在这里的第一个问题，所以如果由于某种原因不遵守规则，结果是重复的或其他什么，请友好地告诉我(并不是说我首先会失去任何声誉) 无论如何，关于 Java 提供的此类 StringReader，我
我继承了这段代码，它似乎不是最优的，而且可能不正确，因为它在窗口和文档对象上添加了事件监听器。但是，除黑莓5.0外，它都可以正常工作。有人可以解释一下所有这些设置是否正确，或者是否有任何建议可以使其更
我被要求在第三方网站上执行维护，我可以编辑 JavaScript，但不能编辑后端代码。该站点使用一个插件，可以在 jQuery.ready 调用中设置各种样式和事件。我想停止它而不引起错误。我可以在模
在下面的代码片段中: Get Started! $(document).ready(function() { $('#indexGet
我有一个包含多个 html 文件的 phonegap 应用程序，对于每个 html 文件，我都有 js.file。在每个 js 文件中，我都添加了一个 eventListener，如下所示: func
您好，我正在尝试创建一个书签，它会打开一个网页，在该网页上找到一个下载链接，然后关闭该网页。除非有更好的方法，否则我将打开页面，调用 ready(我认为这是无效的部分)，然后搜索下载链接。导入jQue
关于我的问题:Validate dynamically added control 我们是否应该始终在 javascript 上使用 ready 函数？ 最佳答案 一个人应该只有在保证这样的操作有效并
以下两种情况给我相同的行为。但是技术上有什么区别？ (我把下面的代码放在正文中脚本标签的最后一部分。) $(document).ready(function() { $('.collapse').
我的程序使用共享内存作为数据存储。此数据必须可供任何正在运行的应用程序使用，并且必须快速获取此数据。但是一些应用程序可以运行在不同的 NUMA 节点上，并且它们的数据访问非常昂贵。每个 NUMA 节点
我有一个 控制台 .net 核心中的应用程序。 如何实现 Kubernetes 就绪/活跃度探测？ 我的应用程序循环处理rabbitmq 消息，并且不监听任何http 端口。 最佳答案 对于这种情况，
在嵌入式系统上使用ALSA捕获时，我仍然遇到问题。 使用snddevices脚本后，我现在可以从库中打开设备。但是在每次调用大约10秒钟后，应用程序在Input/output error调用上返回错误
我想知道如何在 Facebook 应用程序的 FBJS 中使用 $(document).ready 或类似的东西。我尝试了 $(document).ready 但它不起作用。我也找不到任何相关文件..
我在 $('document').ready 中定义了一个函数。 $('document').ready(function() { function visit(url) { $.ajax
下面是一个简单的测试用例来演示我正在尝试做的事情: Test $(document).ready(function() { $(":target").css('color', 'r
使用 ember cli v0.1.4、ember 1.8.1 和 cordova 3.7，我正在使用初始化程序等待设备准备就绪； var CordovaInitializer = { name:
我正在研究 jQuery 最佳实践并找到了 this文章 by Greg Franko 通常，我会: $("document").ready(function() { // The DOM i
这个问题已经有答案了: What is the scope of variables in JavaScript? (27 个回答) 已关闭 5 年前。 我想在 $(document).ready(x
我成功地使用 gce ingress 使用 GKE 创建了一个集群。但是 Ingress 需要很长时间才能检测到服务是否就绪(我已经设置了 livenessProbe 和 readinessProbe
我不确定我在这里问的问题是否正确，但基本上我是用ajax请求插入html: // data-active_chart if ($("#charts").attr("data-active_chart"
我正在使用 Foundation CSS 框架，它在页脚中加载 jQuery。这不是非典型做法，也是许多人推荐的做法。但是，我需要在页面中编写脚本。使用 document ready 应该可以解决问题
我是一名优秀的程序员,十分优秀！