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

avatar

LASPERPEN169
357
132
Invision
Quản trị
Quản trị viên

Bài viết :
169
Points :
357
Like :
132
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

LASPERPEN169
357
132
Invision
Quản trị
Quản trị viên

Bài viết :
169
Points :
357
Like :
132
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

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

Bài viết :
234
Points :
501
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

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

Bài viết :
234
Points :
501
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...