如何防止 jQuery 函数中的重复？

发布于 2024-12-24 03:05:42 字数 346 浏览 3 评论 0原文

我有一个简单的 jQuery 函数，

$('.button').click(function(){
   $("#target").slideToggle().load('http://page');
});

通过 slideToggle 行为，每次点击都会导致幻灯片，但问题是它也会再次加载 url 。

如何限制 load() 函数仅执行一次，但 slideToggle() 每次点击都执行。换句话说，如何阻止后续点击中的load()（仅加载，而不是整个函数）？

原文

I have a simple jQuery function as

$('.button').click(function(){
   $("#target").slideToggle().load('http://page');
});

By slideToggle behavior, every click cause a slide, but the problem is that it will load url again too.

How can I limit the load() function to be performed only once, but slideToggle() on every click. In other words, how to prevent load() (only load, not the entire function) in the subsequent clicks?

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

寄居人 2024-12-31 03:05:43

有一个变量（全局）来表示它是否已加载。例如：

var loaded = false;
$('.button').click(function(){
   if(!loaded){
      $('#target').load('http://page');
      loaded = true;
   }
   $("#target").slideToggle();
});

这将导致每次点击时发生slideToggle，但页面仅加载一次。 :)

Have a variable (global) which says whether it has been loaded or not. E.g:

var loaded = false;
$('.button').click(function(){
   if(!loaded){
      $('#target').load('http://page');
      loaded = true;
   }
   $("#target").slideToggle();
});

This will cause the slideToggle to occur on every click, but the page to load only the once. :)

回复收藏 0 原文

绝情姑娘 2024-12-31 03:05:42

$('.button')
    .on('click.loadPage', function() {
        $("#target").load('http://page');
        $(this).off("click.loadPage");
    })
    .on('click.slideToggle', function(){
        $("#target").slideToggle();
    });

另一种没有全局变量的方法：

$('.button')
    .on('click', function() {
        if ( !$(this).data("loaded") ) {
            $("#target").load('http://page');
            $(this).data("loaded", true);
        }
        $("#target").slideToggle();
    });

$('.button')
    .on('click.loadPage', function() {
        $("#target").load('http://page');
        $(this).off("click.loadPage");
    })
    .on('click.slideToggle', function(){
        $("#target").slideToggle();
    });

and another way without global vars:

$('.button')
    .on('click', function() {
        if ( !$(this).data("loaded") ) {
            $("#target").load('http://page');
            $(this).data("loaded", true);
        }
        $("#target").slideToggle();
    });

回复收藏 0 原文

~没有更多了~