这个地方怎么实现的?
图中的小喇叭,鼠标点击即显示,但是网页源码里面看不到“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

热AI工具

Undresser.AI Undress
人工智能驱动的应用程序,用于创建逼真的裸体照片

AI Clothes Remover
用于从照片中去除衣服的在线人工智能工具。

Undress AI Tool
免费脱衣服图片

Clothoff.io
AI脱衣机

AI Hentai Generator
免费生成ai无尽的。

热门文章

热工具

记事本++7.3.1
好用且免费的代码编辑器

SublimeText3汉化版
中文版,非常好用

禅工作室 13.0.1
功能强大的PHP集成开发环境

Dreamweaver CS6
视觉化网页开发工具

SublimeText3 Mac版
神级代码编辑软件(SublimeText3)

热门话题

Laravel使用其直观的闪存方法简化了处理临时会话数据。这非常适合在您的应用程序中显示简短的消息,警报或通知。 默认情况下,数据仅针对后续请求: $请求 -

PHP客户端URL(curl)扩展是开发人员的强大工具,可以与远程服务器和REST API无缝交互。通过利用Libcurl(备受尊敬的多协议文件传输库),PHP curl促进了有效的执行

Laravel 提供简洁的 HTTP 响应模拟语法,简化了 HTTP 交互测试。这种方法显着减少了代码冗余,同时使您的测试模拟更直观。 基本实现提供了多种响应类型快捷方式: use Illuminate\Support\Facades\Http; Http::fake([ 'google.com' => 'Hello World', 'github.com' => ['foo' => 'bar'], 'forge.laravel.com' =>

您是否想为客户最紧迫的问题提供实时的即时解决方案? 实时聊天使您可以与客户进行实时对话,并立即解决他们的问题。它允许您为您的自定义提供更快的服务

文章讨论了PHP 5.3中引入的PHP中的晚期静态结合(LSB),从而允许静态方法的运行时分辨率调用以获得更灵活的继承。 LSB的实用应用和潜在的触摸

使用PHP的cURL库发送JSON数据在PHP开发中,经常需要与外部API进行交互,其中一种常见的方式是使用cURL库发送POST�...
