jquery 添加方法： $.fn.方法名 = function(参数a,b,c){

最新推荐文章于 2021-11-27 17:53:18 发布

转载最新推荐文章于 2021-11-27 17:53:18 发布 · 396 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/legend-song/p/3824441.html

文章标签：

#javascript #ViewUI

本文介绍了一个使用 jQuery 实现的功能，包括图片检查状态更新和标签页内容切换。通过自定义 $.fn 方法实现了图片检查状态的切换，并利用 AJAX 更新后台状态及显示反馈。此外，还实现了一个简单的标签页切换效果。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

       $.fn.image_checked = function(self,status,img_body,csrf_token){
             $(this).live('click', function(){
       var index = $(this).index()
       var img_id = $('.'+self+' input').eq(index).val();
                $.ajax({
           type:'POST',
                        url:BASEURL+'img/checked_image',
           data:{status:status,img_id:img_id,csrf_token_name:csrf_token},
           success:function(msg)
           {
               $("."+img_body).html(msg);
               $('.mark').imgbig('.mark');
                                tips_load($('.tabs_nav_active').children().children().eq(0).html(),'.cur')
           }
       })

        })
       }

   $.fn.tabs = function(tab_content){
       $(this).each(function(i) {
           $(this).click(function() {
               $(tab_content).addClass('tabs_content_hide').removeClass('cur')
               $(tab_content).eq(i).removeClass('tabs_content_hide').addClass('cur')
               $(this).siblings().removeClass('tabs_nav_active')
               $(this).addClass('tabs_nav_active')
           });
   });