如何将此jQuery模式更新为加载的模板页面上的目标选择器_Jquery_Html_Templates_Pyramid_Mako

如何将此jQuery模式更新为加载的模板页面上的目标选择器

jquery html templates

如何将此jQuery模式更新为加载的模板页面上的目标选择器,jquery,html,templates,pyramid,mako,Jquery,Html,Templates,Pyramid,Mako,所以我今天的问题是更新一个，这样就可以从加载的子模板中的按钮调用它。就我而言，我使用的是。在我的金字塔项目中，我将模态放在主模板的顶部。打开模式的按钮位于加载到主模板中的子页面模板上 <body id="body-dashboard"> <div id="modalrequest" class="modal"> <section id="intro-request"> <h1>The Modal&

所以我今天的问题是更新一个，这样就可以从加载的子模板中的按钮调用它。

就我而言，我使用的是。在我的金字塔项目中，我将模态放在主模板的顶部。打开模式的按钮位于加载到主模板中的子页面模板上

<body id="body-dashboard">
    <div id="modalrequest" class="modal">
        <section id="intro-request">
            <h1>The Modal</h1>

    // PopEasy for Request Intro
    var modalObj = $('#body-dashboard');
    //var modalObj = $('.modalLink');
    if (modalObj.length && modalObj.modal) {

        modalObj.modal({
            trigger: '.modalLink',
            olay:'div.overlay',
            modals:'div.modal',
            animationEffect: 'fadeIn',
            animationSpeed: 400,
            moveModalSpeed: 'slow',
            background: '000',
            opacity: 0.8,
            openOnLoad: false,
            docClose: true,
            closeByEscape: true,
            moveOnScroll: true,
            resizeWindow: true,
            close:'.closeBtn'
        });
    }

现在，当我第一次遇到这个问题时，我尝试以动态创建的类为目标

这就是解决方案：

$("body").on("click", ".register_unselected", function(){});

我能够使用这种技术让我加载的模板按钮发出警报：

$("#body-dashboard").on("click", ".modalLink", function(){
    alert('this works!');
});

然而，我仍然没有运气尝试在模态上使用相同的东西

var modalObj = $('#body-dashboard .modalLink');
modalObj.modal({
    trigger: '#body-dashboard .modalLink',

你将如何处理这个问题？是否需要查看更多代码？

加载新模板后，必须调用modal init函数

var modalObj = $('#body-dashboard .modalLink');
modalObj.modal({
    trigger: '#body-dashboard .modalLink',