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 + '" onclick="return false;"><b>' + namecards[ii].name + '</b></a>';
                html = html.replace(new RegExp(namecards[ii].name, "g"), a);
            }
            $('.Content').html(html);
        });