Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/71.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 将现有jQuery函数绑定到链接_Javascript_Jquery - Fatal编程技术网

Javascript 将现有jQuery函数绑定到链接

Javascript 将现有jQuery函数绑定到链接,javascript,jquery,Javascript,Jquery,我试图通过单击触发现有的jQuery函数。我被告知这可以通过以下方式完成。绑定: 我正在使用以下代码刷剧团图像: a) 向左滑动=我不喜欢它 b) 向右滑动=我喜欢它 我希望能够做到完全相同的点击链接 *.js代码: jQuery(function($){ var likedCount = 0; $('.postswiper-post').live('swiperight',function(){ if ( !$(this).hasClass('rot-lef

我试图通过单击触发现有的jQuery函数。我被告知这可以通过以下方式完成。绑定:

我正在使用以下代码刷剧团图像:

a) 向左滑动=我不喜欢它

b) 向右滑动=我喜欢它

我希望能够做到完全相同的点击链接

*.js代码:

jQuery(function($){

    var likedCount = 0;

    $('.postswiper-post').live('swiperight',function(){
        if ( !$(this).hasClass('rot-left') && !$(this).hasClass('rot-right') ){
            $(this).addClass('rot-left');
            $('.postswiper-post').find('.status').remove();

            $(this).append('<div class="status like">Like!</div>');
            likedCount++;

            var postTitle = $(this).find('.postswiper-posttitle').html();
            $('.postswiper-likedlist-list').append('<div class="postswiper-likedlist-liked">' + postTitle + '</div>');
            $('.postswiper-likedlist-count').text('View my liked items (' + likedCount + ')');

            if ( $('.postswiper-likedlist-opener').hasClass('disabled') ) {
                $('.postswiper-likedlist-opener').removeClass('disabled');
            }

            if ($(this).is(':last-child')) {
                $('.postswiper-wrapper > p').css('color','inherit');
            }
        }
    });

    //
但我无法像使用鼠标滑动一样重新加载图像。我有一种感觉,我忘记了一些东西,一些非常明显的lol

试试这个(只是摇摆一下…)

而不是:

$('.postswiper-post').live('swiperight',function(){
做:

同样地:

/*非运行代码段--仅供查看*/
$(文档).on('swiperight click','click right'),function(){
if(!$(this.hasClass('rot-left')&&!$(this.hasClass('rot-right')){
$(this.addClass('rot-left');
$('.postswiper post').find('.status').remove();
$(this.append('Like!');
likedCount++;
var postTitle=$(this.find('.postswiper postTitle').html();
$('.postswiper-likedlist')。追加(''+postTitle+'');
$('.postswiper likedlist count').text('查看我喜欢的项目('+likedCount+'));
if($('.postswiper-likedlist-opener').hasClass('disabled')){
$('.postswiper-likedlistopener').removeClass('disabled');
}
if($(this).is(':last child')){
$('.postswiper-wrapper>p').css('color','inherit');
}
}

});您被告知不正确。bind不会触发任何东西。您似乎并没有实际调用
fBindFunctionToElement
,所以您的代码从来没有实际执行过任何操作。@Kevin B有什么建议吗?如何通过单击“LOVE IT!”链接实现我的目标并触发提到的jQuery函数?开始运行您编写的代码。目前它位于一个从未被调用的函数中。您使用的是哪个版本的jQuery?在jQuery 1.7中,
.bind()
.live()
都被
替换为
.on()
。。。
jQuery(function($){

    var likedCount = 0;

    $('.postswiper-post').live('swiperight',function(){
        if ( !$(this).hasClass('rot-left') && !$(this).hasClass('rot-right') ){
            $(this).addClass('rot-left');
            $('.postswiper-post').find('.status').remove();

            $(this).append('<div class="status like">Like!</div>');
            likedCount++;

            var postTitle = $(this).find('.postswiper-posttitle').html();
            $('.postswiper-likedlist-list').append('<div class="postswiper-likedlist-liked">' + postTitle + '</div>');
            $('.postswiper-likedlist-count').text('View my liked items (' + likedCount + ')');

            if ( $('.postswiper-likedlist-opener').hasClass('disabled') ) {
                $('.postswiper-likedlist-opener').removeClass('disabled');
            }

            if ($(this).is(':last-child')) {
                $('.postswiper-wrapper > p').css('color','inherit');
            }
        }
    });

//my bind code 

    function fBindFunctionToElement(){
   $('.click-right').bind('swiperight',function(){
        if ( !$(this).hasClass('rot-left') && !$(this).hasClass('rot-right') ){
            $(this).addClass('rot-left');
            $('.postswiper-post').find('.status').remove();

            $(this).append('<div class="status like">Like!</div>');
            likedCount++;

            var postTitle = $(this).find('.postswiper-posttitle').html();
            $('.postswiper-likedlist-list').append('<div class="postswiper-likedlist-liked">' + postTitle + '</div>');
            $('.postswiper-likedlist-count').text('View my liked items (' + likedCount + ')');

            if ( $('.postswiper-likedlist-opener').hasClass('disabled') ) {
                $('.postswiper-likedlist-opener').removeClass('disabled');
            }

            if ($(this).is(':last-child')) {
                $('.postswiper-wrapper > p').css('color','inherit');
            }
        }
    });
(...)
$(document).on("click",".click-right",function() { 
if ( !$(this).hasClass('rot-left') && !$(this).hasClass('rot-right') ){
            $(this).addClass('rot-left');
            $('.postswiper-post').find('.status').remove();

            $(this).append('<div class="status like">Like!</div>');
            likedCount++;

            var postTitle = $(this).find('.postswiper-posttitle').html();
            $('.postswiper-likedlist-list').append('<div class="postswiper-likedlist-liked">' + postTitle + '</div>');
            $('.postswiper-likedlist-count').text('View my liked items (' + likedCount + ')');

            if ( $('.postswiper-likedlist-opener').hasClass('disabled') ) {
                $('.postswiper-likedlist-opener').removeClass('disabled');
            }

            if ($(this).is(':last-child')) {
                $('.postswiper-wrapper > p').css('color','inherit');
            }
        }
    });
$('.postswiper-likedlist-count').text('View my liked items (' + likedCount + ')');
$('.postswiper-post').live('swiperight',function(){
$(document).on('swiperight click', '.postswiper-post', function(){