jquery Js自动扩展div在我的页面中不起作用

wz8daaqr  于 2022-12-03  发布在  jQuery
关注(0)|答案(3)|浏览(115)

我试图在我设计的网站上做一个自动扩展的div,但是它似乎在页面上不起作用(而在www.example.com上工作得很好jsfiddle.net)
脚本:http://jsfiddle.net/tJugd/1057/

var lol;
lol = 0;

$('#question').click(function(){
    if (lol==0){
      $('#question').animate({height:'300'});
      lol = 1;
    }else{
      $('#question').animate({height:'0'});
      lol = 0;                     
    }
})

这是我尝试实现它的页面:http://www.trulyscience.com/test/index.html(sie上的红色“问题”)
我真的不知道我做错了什么,我已经检查了许多相关的线程,和大多数的工作,但也只有在Jsfiddle,而不是我的页面。
有人能帮忙吗?

ztmd8pv5

ztmd8pv51#

你可以使用trigger方法来做到这一点,在声明事件后调用它点击“#question”:

function loadQuestion(){

    var lol;
    lol = 0;

    $('#question').click(function(){
        if (lol==0){
          $('#question').animate({height:'300'});
          lol = 1;
        }else{
          $('#question').animate({height:'0'});
          lol = 0;                     
        }
    });

    $('#question').trigger('click'); // Simulating click
}

$(document).ready(function(){
    loadQuestion();
});

http://jsfiddle.net/tJugd/1058/

uidvcgyl

uidvcgyl2#

您在同一个html文件中使用两次id问题,这可能会造成问题。如果您要使用相同的元素名称,请使用class而非id。
还可以尝试使用$(document).ready(function(){ /*your code*/ }); Package 代码

rekjcdws

rekjcdws3#

首先,在您的网站上,$不是jQuery,它是document.getElementById的快捷方式。
加载页面后,我在控制台中运行了以下代码,动画效果很好:

var lol = 0;
jQuery('#question').click(function (){
if (lol === 0){
      jQuery('#question').animate({height:'300'});
      lol = 1;
    }else{
      jQuery('#question').animate({height:'20'});
      lol = 0;                     
    }
});

相关问题