Jquery can';无法使事件侦听器工作
我有一个事件监听器,我正试图让它工作,但似乎无法让它运行。我有一个onclick设置,用于切换div的类,从而提示webkit转换。当转换结束时,我希望jquery将一个外部页面加载到div中,但它永远不会加载它。这是我设置的jsJquery can';无法使事件侦听器工作,jquery,event-listener,webkit-transition,Jquery,Event Listener,Webkit Transition,我有一个事件监听器,我正试图让它工作,但似乎无法让它运行。我有一个onclick设置,用于切换div的类,从而提示webkit转换。当转换结束时,我希望jquery将一个外部页面加载到div中,但它永远不会加载它。这是我设置的js <script type="text/javascript"> function fullscreen_slider_load() { var fullscreen = document.getElementById("fullscreen"); fun
<script type="text/javascript">
function fullscreen_slider_load() {
var fullscreen = document.getElementById("fullscreen");
function fullscreen_done1() {
console.log("done called");
fullscreen.removeEventListener("webkitTransitionEnd", fullscreen_done1);
fullscreen.addEventListener("webkitTransitionEnd", fullscreen_done2);
$(function fullscreen_load() {
$('#fullscreen')
.html('<img src="http://www.klossal.com/loader.gif"/>')
.load('http://www.klossal.com/portfolio/space_fullscreen.html');
});
function fullscreen_done2() {
fullscreen.removeEventListener("webkitTransitionEnd", fullscreen_done2);
};
</script>
功能全屏\u滑块\u加载(){
var fullscreen=document.getElementById(“全屏”);
功能全屏_done1(){
log(“完成调用”);
全屏.removeEventListener(“WebKittTransitionEnd”,全屏完成1);
全屏。添加EventListener(“WebKittTransitionEnd”,全屏2);
$(函数全屏加载(){
$(“#全屏”)
.html(“”)
.load('http://www.klossal.com/portfolio/space_fullscreen.html');
});
函数全屏_done2(){
全屏.removeEventListener(“WebKittTransitionEnd”,全屏完成2);
};
我不知道为什么它没有加载,但如果我能在这方面得到任何帮助,我将不胜感激。您的这部分代码对我来说毫无意义,看起来与您所说的希望发生的事情不一致。此外,您发布的代码似乎没有适当的支撑:
$(function fullscreen_load() {
$('#fullscreen')
.html('<img src="http://www.klossal.com/loader.gif"/>')
.load('http://www.klossal.com/portfolio/space_fullscreen.html');
});
如果您试图做一些比这更复杂的事情,那么请澄清在第一次转换完成后您还试图做些什么
另外,当您不在函数声明下缩进代码时,很容易误解代码的意图
您的代码在Firefox或Opera(支持CSS3转换的非webkit浏览器)中也无法工作.hmm..有些不对劲。前两个函数的右括号在哪里?你是想嵌套函数还是什么?所以我在我的网站的另一个部分中实际使用的第一个部分确实起作用了,这里有一个$(function(){(“#glow_launch”)。单击(function(){$(“#MAIN#u CONTAINER”).html(“”).load(‘);});});我对这方面还不熟悉,所以我仍在努力想办法解决问题。我想做的是,当转换完成时,它会提示将url加载到div“全屏”中。这有意义吗?@loriensleafs-你尝试过我推荐的代码吗?我在回答中又添加了一些关于第一段代码的注释。我现在可能知道你是从哪里得到它的,但它在这里做的事情不对。@loriensleafs-当你说“提示加载该url…”,我不明白你的意思。它获取该url的内容并将其加载到div全屏中。这是在我使用它的页面上设置的。如果单击顶部的任何大拇指,它将获取div“maincontainer”的内容,并将其替换为url指向的页面内容。
<script type="text/javascript">
function fullscreen_slider_load() {
var fullscreen = document.getElementById("fullscreen");
function fullscreen_done1() {
console.log("done called");
fullscreen.removeEventListener("webkitTransitionEnd", fullscreen_done1);
fullscreen.addEventListener("webkitTransitionEnd", fullscreen_done2);
$(fullscreen)
.html('<img src="http://www.klossal.com/loader.gif"/>')
.load('http://www.klossal.com/portfolio/space_fullscreen.html');
}
function fullscreen_done2() {
fullscreen.removeEventListener("webkitTransitionEnd", fullscreen_done2);
}
}
</script>