javascript - 如何使用 codeigniter 在 Controller 的 anchor 内显示通知

标签 javascript php jquery css codeigniter

我正在尝试显示来自 anchor 的通知

在我的 Controller 中,我将这个数组保存到

$data['table_data'];

然后通过调用 $data_table 显示在我的 View 中

$this->table->add_row($cellCl,$cellT,$cellE,$cellA,$cellTR,  
anchor('notifications/print/'.$reg->id,'.',array('class'=>'img1')).'   
'.anchor('notifications/write/'.$reg->id,'.',array('class'=>'img2')).' 
'.anchor('notifications/read/'.$reg->id,'.',array('class'=>'notification'))  
);

并且我想显示类似于显示通知图像(而不是显示通知图像)的 anchor 内的代码段中的内容。

a.fa-globe {
  position: relative;
  font-size: 2em;
  color: grey;
  cursor: pointer;
}
span.fa-comment {
  position: absolute;
  font-size: 0.6em;
  top: -4px;
  color: red;
  right: -4px;
}
span.num {
  position: absolute;
  font-size: 0.3em;
  top: 1px;
  color: #fff;
  right: 2px;
}
<link href="http://maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet" />

<a class="fa fa-globe">
  <span class="fa fa-comment"></span>
  <span class="num">2</span>
</a>

最佳答案

anchor 的第二个参数函数通常是显示在 <a> 之间的文本元素。

echo anchor('url', 'Text'); // <a href="url">Text</a>

但这不仅限于文本内容。您也可以输入 HTML。

echo anchor('url', '<span style="color: red">Test</span>');
// <a href="url"><span style="color: red">Test</span></a>

所以你可以添加<span class="fa fa-comment"></span><span class="num">2</span>anchor 的第二个参数让它呈现 HTML。

关于javascript - 如何使用 codeigniter 在 Controller 的 anchor 内显示通知,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38381335/

相关文章:

javascript - 如何使用express和mongoose中的参数使聚合函数动态化

javascript - jQuery同步跨子域POST请求

javascript - 在加载时分配类的脚本

php - 将 Ext Store 数据传递给 php

php - 向 MySQL 中插入数据不起作用

php - 使用 FFMPEG 或可能的 HTML5 获取视频信息

javascript - 如何将这段 CodePen 代码集成到 Vue 中?

ajax - 使用 Jquery 和 Ajax 每 X 秒刷新一次部分页面?

Javascript - 拖拽和克隆 Javascript

javascript - ArcGIS JavaScript API (3.8) centerAndZoom 似乎无法正常工作