莫代尔设置不起作用[兑现]

问题描述：

$(document).ready(function() { 
$('.modal').modal({ 
    dismissible: false, // Modal can be dismissed by clicking outside of the modal 
    opacity: 1, // Opacity of modal background 
    inDuration: 300, // Transition in duration 
    outDuration: 200, // Transition out duration 
    startingTop: '4%', // Starting top style attribute 
    endingTop: '10%', // Ending top style attribute 
}

上述功能中的选项（例如：不透明度）每当模态动态打开，永远不会奏效使用下面的代码例如：

$('#modal1').modal('open');

它仅选择一个模式触发时的工作原理：

<a class="waves-effect waves-light btn modal-trigger" href="#modal1">Modal</a>

是什么导致了这个问题，我该如何解决这个问题？

编辑！

为了清楚起见，使用这两种方法被显示的模态，然而，与

$（ '＃modal1'）模态（ '开放'）。

模式不遵守不透明或inDuration的特征示例。

所以你想让JQuery代码显示模式？不是当你按下按钮？ – Steven

有一个问题，你是否知道你的代码有错误？你写了.modal而不是#modal – Steven

@Steven没有错误。在尝试提供此问题的答案之前，请参阅此文档http://materializecss.com/modals.html。 –

答

尝试在这样的模式选项，以执行一个回调函数：

$(document).ready(function() { 
    function someFunction(){ 
    $('#modal1').modal('open'); 
    } 
    $('.modal').modal({ 
    dismissible: false, // Modal can be dismissed by clicking outside of the modal 
    opacity: 1, // Opacity of modal background 
    inDuration: 300, // Transition in duration 
    outDuration: 200, // Transition out duration 
    startingTop: '4%', // Starting top style attribute 
    endingTop: '10%', // Ending top style attribute 
    ready: someFunction 
    }

编辑：这里有一个工作JSFiddle

上面的代码不工作，确实如此。在这个小提琴中，我简单地用IIFE替换了$（document）.ready函数。当你简单地调用没有任何触发器的模态时，选项正在为我工作。

这没有奏效。 –

包含一个可用的JSFiddle。 –

这仍然不能解决我的问题您的JSFiddle使用一个按钮。我的描述清楚地表明，我的问题不是每当使用模态触发器打开模态时，我的问题就是动态调用它。 –

莫代尔设置不起作用[兑现]

相关推荐