html - 在模态中加载 html 文件

Question

我在模式中加载 html 文件时遇到问题。

<script type="text/javascript">
$(document).ready(function() {
    $('#modal-dialog-link-3').modalDialog({
    headingText:'test',
    ajax:{
    url:'consent.html'
    },
    activator:'#modal-dialog-link-3'
    });     
});
</script>

<a href="#" id="modal-dialog-link-3" class="link">Click here</a>

这是我正在尝试加载的 html 文件同意.html

<div id="openModal" class="modalDialog">
    <div class="modal">
        <div class="modal-top">
            <a href="#close" title="Close" class="close">+</a>
            <p class="articlesubtitle">Thank You</p>
        </div>
        <div class="modal-middle">
            <p class="articlesubtitle">test</p>
            </div>
     </div>
</div>

我收到以下错误：Uncaught TypeError: Object [object Object] has no method 'modalDialog' modal.shtml:57(anonymous function)

Answer 1

某个地方需要一个定义 modalDialog 的 jQuery 插件。您的错误表明您没有。

它看起来像$.fn. modalDialog = function(){ /* .... */ }