paramètres modaux ne

Question

J'ai fonctionnent pas lors de l'appel dynamique modaux [matérialisent] le code suivant:

$(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 
} 

Les options de la fonction ci-dessus (par exemple: l'opacité) ne fonctionne chaque fois que le modal est ouvert dynamiquement, pour par exemple en utilisant le code suivant:

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

Il ne fonctionne que lorsque vous sélectionnez un déclencheur modal:

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

Qu'est-ce qui cause cela et comment puis-je résoudre ce problème?

EDIT!

Pour plus de précisions, le modal est affiché en utilisant les deux méthodes, cependant, avec

$ ('# modal1') modales ('ouvert').

le modal n'adhère pas aux caractéristiques exemple l'opacité ou l'inDuration.

Answer 1

Essayez d'exécuter une fonction de rappel dans les options modales comme celui-ci:

$(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 
    } 

EDIT: Voici un travail JSFiddle

Le code ci-dessus ne fonctionne pas, en effet. Dans ce violon, j'ai simplement remplacé la fonction $ (document) .ready par IIFE. Les options fonctionnent pour moi, quand vous appelez simplement le modal sans aucun déclencheur.