Jquery + Ajax:运行没有页面刷新的插件

时间:2015-11-08 17:50:04

标签: javascript jquery ajax

我正在使用snowStorm插件在我的网页上产生暴风雪效果。

我试图这样做,如果他们点击一个按钮,例如"夏天",snowStorm将停止,如果他们点击另一个按钮,例如" Winter" snowStorm将再次运行。

现在我开始工作了:

$(document).ready(function(){
  $("#Winter").click(function(){
 $.getScript("js/snowStorm.js")
 {
 location.reload();
 }
  });

  $("#Summer").click(function(){
   snowStorm.stop()
  });

我想知道是否有更好的方法来改进此代码,因此它不会重新加载整个页面来运行snowStorm效果。我正在考虑使用AJAX(没有页面刷新),但我不确定这是否能解决这里的问题

2 个答案:

答案 0 :(得分:4)

有两种方法, snowStorm.resume()snowStorm.stop(), 通过它你可以实现这个目标:

$(document).ready(function() {
      $("#Winter").click(function() {
        snowStorm.resume();
      });

      $("#Summer").click(function() {
        snowStorm.stop();
});

答案 1 :(得分:0)

非常奇怪他们没有采用合适的启动方法,但我想出来了。

$("#Winter").click(function(){
    snowStorm.init()
});

$("#Summer").click(function(){
    snowStorm.stop()
});