- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我的索引页上有这个基于本教程的代码片段:https://blog.kulturbanause.de/2012/12/inhalte-per-ajax-jquery-nachladen/但需要在加载片段中的代码后立即自动加载“source.php”,同时显示index.php的内容。我尝试使用设置超时功能,但没有成功。如何修改函数?
<body id="body">
<div id="target"><!DOCTYPE HTML>
<div id="Ladeanimation">
<img id="Ladeanimation-1" src="pics/favicon.ico" alt="Webseitenlogo">
<input type="radio" name="color" id="box" checked /><label for="box"></label>
<ul class="Ladepunkte">
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
</ul>
<p id="Ladeanimation-2">
Diese Webseite nutzt JavaScript. Bitte aktiviere JavaScript in deinem Browser, um zur Webseite zu gelangen.
</p>
</div>
<script>
(function($) {
setTimeout(function() {
$("#Ladeanimation").fadeOut(500);
}, 7500);
})(jQuery);
</script>
<div id="Warnmeldung" class="foo">
<p id="Warnmeldung-1">
Versetze dein Gerät, oder dessen Viewport, bitte in ein Breitbildformat.
</p>
<p id="Warnmeldung-2">
(mindestens 5:4/maximal 22,5:9)
</p>
</div>
<script>
document.addEventListener("DOMContentLoaded", checkDimensions);
window.addEventListener('resize', checkDimensions);
function checkDimensions() {
// http://stackoverflow.com/questions/1248081/get-the-browser-viewport-dimensions-with-javascript
var w = Math.max(document.documentElement.clientWidth, window.innerWidth || 0);
var h = Math.max(document.documentElement.clientHeight, window.innerHeight || 0);
var ratio = w/h;
// console.log(ratio); // check your browser console
if (ratio >= 1.25 & ratio <= 2.5) {
// fade out
document.querySelector('.foo').style.zIndex = -500;
document.querySelector('.foo').fadeOut(500);
}
else {
// fade in
document.querySelector('.foo').style.zIndex = 500;
}
}
</script>
<div id="Hintergrundfarbe">
</div>
</div>
<p>
<button onclick="kb_source_2_target()">Hier klicken</button>
</p>
<script src="jquery.js" type="text/javascript"></script>
<script>
function kb_source_2_target() {
$.get('source.php', function(data) {
$('#target').html(data);
})
}
</script>**strong text**
<script src="shariff.min.js"></script>
</body>
</html>
最佳答案
只需在脚本中调用它即可;)
<script>
function kb_source_2_target() {
$.get('source.php', function(data) {
$('#target').html(data);
})
}
kb_source_2_target();
</script>
不要直接在 html 中编写 JavaScript。将所有 JavaScript 代码移至另一个文件,并将其包含在 html 页面的底部。
<script src="main.js"></script>
也许这有帮助......
<!DOCTYPE html>
<html>
<head></head>
<body>
<script src="jquery"></script>
<script src="yourfile"></script>
</body>
</html>
关于javascript - AJAX Autoreload 而不是 onclick,怎么样?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/43994650/
我需要一个 JavaScript,它每 30 秒重新加载一个页面,并显示在 ID 更新时间到下一次重新加载还有多少时间,示例: Refreshing in seconds. 我也需要它无限重复。 感
我有一个程序可以提取并显示多个更新值。我有一个按钮可以手动重新加载必要的信息。我的最终目标是有一个文本字段,我可以在其中输入一个值,并让程序每 x 秒重新加载一次。我的问题出现在设置新的循环间隔值时。
我使用 tornado.testing 来实现我的 Tornado 处理程序的单元测试。测试似乎有效。但是我在每个测试函数中都遇到了以下错误。 [W 141027 19:13:25 autoreloa
我有一个 app.py flask 应用程序,我想为其启用自动重新加载。这是入口点: APP = Flask(__name__) APP.config.from_object(os.environ['
我的索引页上有这个基于本教程的代码片段:https://blog.kulturbanause.de/2012/12/inhalte-per-ajax-jquery-nachladen/但需要在加载片段
IPython 提供了名为 deep_reload 的东西也可以作为 terminal option 提供可以在 ipython_config.py 中激活。 还有扩展名auto_reload它也可以
作为标题,我正在学习 http://docs.cherrypy.org/en/latest/tutorials.html#tutorial-1-a-basic-web-application 的 ch
不知道是不是a bug或配置问题。 目标调试/修改 Celery 任务,而无需在我每次进行小改动时手动重启 worker 所以我已经配置了 Celery+RabbitMQ。一切正常。 向 celery
我从带有 python 3 内核的 jupyter notebook 上的卷积神经网络教程中运行以下代码,并得到 ModuleNotFoundError: No module named 'autor
Ipython 有一个名为 autoreload 的插件,它可能会在每个命令后重新加载所有模块,因此您可以更改源代码而不必退出 shell 并重新输入所有命令。见 http://dsnra.jpl.n
我怎样才能像在 Twitter 搜索中一样每隔几秒自动重新加载一次部分内容。我正在使用 Rails 和 Hobo。 最佳答案 在 Rails 中使用的最简单的方法是 periodically_call
我正在构建一个 phonegap 应用程序,需要在实时设备上进行快速测试反馈 三星 Galaxy note 3 iPhone 5s 我正在使用 phonegap CLI 提供服务。 我一直在运行 Wi
我正在 IPython 笔记本中制作原型(prototype),它正在从我计算机上的模块加载 Python2 代码。我激活了重新加载魔术命令,以便在我更改代码并重新运行单元格以查看其影响时更轻松地在我
我想通过 gulp sass 提高我的工作效率,因此我想在我更改 sass 文件中的某些内容时使用 autoreload 来简单地重新加载我的页面,问题是我没有找到合适的解决方案。有人知道这是如何工作
我的 ipython_config.py 中有以下内容: print "Test autoreload" #confirm this gets loaded c = get_config() c.In
我刚刚通过链接 Google Cloud Storage 中的可用 JSON 文件创建了一个 BigQuery 表。但我没有看到任何选项可以自动重新加载表行以及在 Google Cloud Stora
我刚刚通过链接 Google Cloud Storage 中的可用 JSON 文件创建了一个 BigQuery 表。但我没有看到任何选项可以自动重新加载表行以及在 Google Cloud Stora
我有 python 代码跨越几个文件,为了方便我打包了这些文件,最后在 my_package 目录下有以下 3 个文件: __init__.py 内容: from file1 import * fro
我是一名优秀的程序员,十分优秀!