Javascript 将现有jQuery函数绑定到链接
我试图通过单击触发现有的jQuery函数。我被告知这可以通过以下方式完成。绑定: 我正在使用以下代码刷剧团图像: a) 向左滑动=我不喜欢它 b) 向右滑动=我喜欢它 我希望能够做到完全相同的点击链接 *.js代码: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(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(){