javascript - SharePoint 2013 モーダル ダイアログを開くための Powertip リンク

Question

リンクを含むパワーチップのツールチップをロードするリンクを作成し、そのリンクのクラスを検索してコンテンツを共有ポイントのモーダル ダイアログで開く jquery 関数を用意しました。現在、これは既にページにあるリンクでは機能しますが、ツールチップにあるリンクでは機能しません。

どうすればこれを修正できますか?

これは、パワーチップ ツールチップのコードです。

$(function() {
  var mouseOnDiv = $('.linkclass');
  var tipContent = $('<a href="#" class="modal-link">Text</a>'
  );
  mouseOnDiv.data('powertipjq', tipContent);
  mouseOnDiv.powerTip({
    placement: 's',
    mouseOnToPopup: true
  });
});

ロードするモーダル ダイアログのコードを次に示します。

$(document).ready(function() { 
        $("a.modal-link").on("click", function(e){

            var destination = $(this).attr("href"); 

            if(destination.indexOf("?") > -1) {
                destination += "&IsDlg=1";
            }
            else {
                destination += "?IsDlg=1";
            }

            var title = $(this).text(); 
            var dialog = SP.UI.ModalDialog.showModalDialog({
                        title: title,
                        url: destination,
                        autoSize: true,
                        width: 1024,
                        height: 800
                    });
            e.preventDefault();
        });
    });