[Code] Hiện tooltip hashtags khi rê vào tên thành viên toàn forum

avatar

LASPERPEN170
360
134
Invision
Quản trị
Quản trị viên

Bài viết :
170
Points :
360
Like :
134
Invision
Quản trị

Demo


JS

In all pages
Code:
$(function() {
  var links = $('a[href^="/u"]'),
      usersinfo = {};
 
  links.tooltipster && links.not('.mentiontag, .tooltipstered').tooltipster({
    animation : 'fade',
    interactive : true,
    contentAsHTML : true,
    minWidth : 300,
    maxWidth : 300,
    delay : 500,
    arrowColor : "#EEE",
    autoClose : true,
    content : 'Loading...',
    functionBefore: function(origin, continueTooltip) {
      continueTooltip();
 
      var userid = $(this).attr('href').replace(/.*?\/u(\d+).*/, '$1');
      if (origin.data('ajax') !== 'cached') {
        if (usersinfo[userid] != undefined) {
          origin.tooltipster('content', usersinfo[userid]).data('ajax', 'cached');
        } else {
          $.ajax({
            type: 'GET',
            url: "/ajax/index.php",
            dataType: "html",
          
            data: {
              f: "m",
              user_id: userid
            },
 
            success: function(html) {
              usersinfo[userid] = html;
              origin.tooltipster('content', html).data('ajax', 'cached');
            }
          });
        }
      }
    }
  });
});


Được sửa bởi lasperpen ngày 31/8/2016, 12:26 am; sửa lần 1.
 Trả lời bài viết
avatar

Giựt238
388
80
Punbb
Cẩn thận
Éo có đối thủ
Thành viên thân thiết
Thành viên thân thiết

Bài viết :
238
Points :
388
Like :
80
Punbb
Cẩn thận
Éo có đối thủ
Cái này có sẵn ở forum rồi , làm thế làm gì cho mệt
 Trả lời bài viết
avatar

Giựt238
388
80
Punbb
Cẩn thận
Éo có đối thủ
Thành viên thân thiết
Thành viên thân thiết

Bài viết :
238
Points :
388
Like :
80
Punbb
Cẩn thận
Éo có đối thủ
À mà share cái nút online đê
 Trả lời bài viết
avatar

LASPERPEN170
360
134
Invision
Quản trị
Quản trị viên

Bài viết :
170
Points :
360
Like :
134
Invision
Quản trị
trandangduat đã viết:Cái này có sẵn ở forum rồi , làm thế làm gì cho mệt

có sẵn chứ đâu có hiện khi rê vào tên chỉ rê vào hiện ở hashtags thôi
 Trả lời bài viết
avatar

Karbyz49233
500
137
Punbb
An toàn
Anh là vô địtt :))
Quản lý viên

Bài viết :
233
Points :
500
Like :
137
Punbb
An toàn
Anh là vô địtt :))
Code hot, cái này áp dụng mọi link user trên toàn diễn đàn luôn
 Trả lời bài viết
avatar

Css/Js1
1
0
Punbb
An toàn
Thành viên mới
Thành viên mới

Bài viết :
1
Points :
1
Like :
0
Punbb
An toàn
Không hiểu do sung đột gì mà code này ko hoạt động đc trên diễn đàn của mình Sad

Demo: http://www.congdongotakuviet.com/ (Đã add code phía trên)
 Trả lời bài viết
avatar

Karbyz49233
500
137
Punbb
An toàn
Anh là vô địtt :))
Quản lý viên

Bài viết :
233
Points :
500
Like :
137
Punbb
An toàn
Anh là vô địtt :))
Cũng có thể do xung đột JS, mình đoán forum bạn add chắc không dưới 20 trang JS đâu Smile
Thử tắt hết JS chỉ để lại mỗi JS tooltip rồi F5 lại xem hoạt động không :)
 Trả lời bài viết
Điểm 4.6/5 dựa vào 87 đánh giá

Có Thể Bạn Quan Tâm

Đang tải...