Table des matières
回复讨论(解决方案)
Maison développement back-end tutoriel php 这个地方怎么实现的?

这个地方怎么实现的?

Jun 23, 2016 pm 02:38 PM


图中的小喇叭,鼠标点击即显示,但是网页源码里面看不到“onclick=”这样的字眼。请问加上“onclick=”的脚本在哪里?


回复讨论(解决方案)

用js实现的  载入页面时 动态添加的事件, 一般都用jQuery

截取部分代码,应该是绑定了class的点击事件
http://csdnimg.cn/rabbit/notev2/js/notify.js

self.on('panel_showed', function (e, showDetail) {        var hasGet = false, unreadsData;        self.resetPosition();        // 显示面板内容        if (unreads !== 0) {          self.getUnreads(self.showListCbWrap(function (err, data, loading) {              unreads = 0;              unreadsData = data.data;          }));          hasGet = true;        }        if (!hasReadedItems) {          $('.notice_content', self.Dom.wrap).empty();          self.getAllReaded(self.showListCbWrap(function (err, data, loading) {            hasReadedItems = true;          }));          hasGet = true;        }        if (hasGet) {          self.Dom.wrap.one('list_showed', function (e, err) {            if (err) {              self.error(err);            } else {              if(showDetail) {                var unreadsItem = $('.notice_list_con .unread', self.Dom.wrap);                if(unreadsItem.length === 1) {                  unreadsItem.trigger('click');                }              }              if (unreadsData && unreadsData.length > 0) {                keepUnread = true;                setTimeout(function() {                  self.setReaded(unreadsData);                }, 1000);              }            }          });        }      }).on('detail_showed', function (e, detail, index) {        // 显示通知详情        $('.detail_con .prvnote', self.Dom.wrap).toggleClass('disabled', !(index > 0));        $('.detail_con .nextnote', self.Dom.wrap).toggleClass('disabled', !detail.next()[0]);        if (!detail.data('loaded') && !$('dd', detail)[0] && !$('.empty:visible', detail)[0] && !$('.loading:visible', detail)[0]) {          self.getDetail(detail);        }      }).on('tip_showing', function () {        keepUnread = false;        if ($('.notice_list_con', self.Dom.wrap).css('display') !== 'none') {          $('.notice_list_con .notice_content .unread', self.Dom.wrap).removeClass('unread');        }        if (unreads > 0) {          self.resetPosition();          $('strong', self.Dom.tip.show()).html(unreads);        }      }).on('receive_unreads', function (e, data) {        // 收到未读消息实时通知 typeof data === number        unreads = (unreads === -1 ? 0 : unreads) + data;        if (self.Dom.wrap.is(':visible')) {          if($('.notice_list_con', self.Dom.wrap).is(':visible')){            self.emit('panel_showed');          }        } else {          self.emit('tip_showing');        }      }).on('receive_setreaded', function (e, data) {        // 收到设置为已读实时通知 typeof data === array or number        if (keepUnread) {        } else { // TODO 如果焦点在当前浏览器窗口,什么都不做          // 非查看窗口收到已读通知时需要重置状态,以便再次打开时能正确显示通知          unreads = -1;          hasReadedItems = false;        }        var num = /*$.isArray(data) ? unreads - data.length : typeof data === 'number' ? data : */0;        if (num <= 0) {          num = 0;          self.Dom.tip.hide();        }        $('strong', self.Dom.tip).html(num);      });      $('.close2', self.Dom.tip).click(function () {        self.Dom.tip.hide();        self.setReaded([], function(){        });      });      $('.tip_text', self.Dom.tip).click(function () {        self.Dom.btn.trigger('click'          // , ['Show one and only unread de
Copier après la connexion

Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn

Article chaud

Combien de temps faut-il pour battre Split Fiction?
3 Il y a quelques semaines By DDD
Repo: Comment relancer ses coéquipiers
3 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island Adventure: Comment obtenir des graines géantes
3 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Crystals d'énergie expliqués et ce qu'ils font (cristal jaune)
1 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌

Article chaud

Combien de temps faut-il pour battre Split Fiction?
3 Il y a quelques semaines By DDD
Repo: Comment relancer ses coéquipiers
3 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island Adventure: Comment obtenir des graines géantes
3 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Crystals d'énergie expliqués et ce qu'ils font (cristal jaune)
1 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌

Tags d'article chaud

Bloc-notes++7.3.1

Bloc-notes++7.3.1

Éditeur de code facile à utiliser et gratuit

SublimeText3 version chinoise

SublimeText3 version chinoise

Version chinoise, très simple à utiliser

Envoyer Studio 13.0.1

Envoyer Studio 13.0.1

Puissant environnement de développement intégré PHP

Dreamweaver CS6

Dreamweaver CS6

Outils de développement Web visuel

SublimeText3 version Mac

SublimeText3 version Mac

Logiciel d'édition de code au niveau de Dieu (SublimeText3)

11 meilleurs scripts de raccourcissement d'URL PHP (gratuit et premium) 11 meilleurs scripts de raccourcissement d'URL PHP (gratuit et premium) Mar 03, 2025 am 10:49 AM

11 meilleurs scripts de raccourcissement d'URL PHP (gratuit et premium)

Travailler avec les données de session Flash dans Laravel Travailler avec les données de session Flash dans Laravel Mar 12, 2025 pm 05:08 PM

Travailler avec les données de session Flash dans Laravel

Misque de réponse HTTP simplifié dans les tests Laravel Misque de réponse HTTP simplifié dans les tests Laravel Mar 12, 2025 pm 05:09 PM

Misque de réponse HTTP simplifié dans les tests Laravel

Introduction à l'API Instagram Introduction à l'API Instagram Mar 02, 2025 am 09:32 AM

Introduction à l'API Instagram

Construisez une application React avec un Laravel Back End: Partie 2, React Construisez une application React avec un Laravel Back End: Partie 2, React Mar 04, 2025 am 09:33 AM

Construisez une application React avec un Laravel Back End: Partie 2, React

Curl dans PHP: Comment utiliser l'extension PHP Curl dans les API REST Curl dans PHP: Comment utiliser l'extension PHP Curl dans les API REST Mar 14, 2025 am 11:42 AM

Curl dans PHP: Comment utiliser l'extension PHP Curl dans les API REST

12 meilleurs scripts de chat PHP sur Codecanyon 12 meilleurs scripts de chat PHP sur Codecanyon Mar 13, 2025 pm 12:08 PM

12 meilleurs scripts de chat PHP sur Codecanyon

Annonce de l'enquête sur la situation en 2025 PHP Annonce de l'enquête sur la situation en 2025 PHP Mar 03, 2025 pm 04:20 PM

Annonce de l'enquête sur la situation en 2025 PHP

See all articles