本文主要是介绍javascript 前台网页全局替换,生成名片.,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!
结合jQuery clueTip plugin
后台文档编辑器添加 namecard 名片编辑功能,或者独立开一个名片的管理页面.
前台采用动态加载的形式:
NameCardCluetip.init = function() {
$('a.namecard').cluetip({
cluetipClass: 'jtip',
arrows: true,
dropShadow: false,
hoverIntent: true
});
};
动态替换文章中的关键字部分:
<script type="text/javascript">$(document).ready(function() {var namecards = [{ id: 1, name: '一' }, { id: 2, name: '二' }, { id: 3, name: '三' }, { id: 4, name: '四'}]; //此处可以用ajax 异步获取.var html = $('.Content').html();for (var ii = 0; ii < namecards.length; ii++) {var a = '<a class="namecard" title="' + namecards[ii].name + '" href="/Taking/NameCard/' + namecards[ii].id + '" rel="/Taking/NameCard/' + namecards[ii].id + '" οnclick="return false;"><b>' + namecards[ii].name + '</b></a>';html = html.replace(new RegExp(namecards[ii].name, "g"), a);}$('.Content').html(html);});
这篇关于javascript 前台网页全局替换,生成名片.的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!