/ / Виявлення Модаля у Фонді 4 - забур-фундація

Виявлення Модаля у Фонді 4 - забур-фундація

Як ви відкриваєте програмний модуль у фонді 4?

У Фундації 3 ми мали простий у використанні метод reveal ().

Що ви можете використовувати в Foundation 4? Будь ласка, допоможіть.

Відповіді:

4 для відповіді № 1

Я впевнений, що ви можете просто використовувати метод .Foundation у своєму модалі, щоб зателефонувати на нього "відкритим" .. Щось на кшталт:

$("#myModal").foundation("reveal", "open");

e: Просто перевіривши документи, і так, це прямо тут: http://foundation.zurb.com/docs/components/reveal.html

Подивіться на "Ви також можете відкрити та закрити виявлення через JavaScript:"


2 для відповіді № 2

На жаль, у Foundation 4 ви повинні це зробитиТригерна посилання, щоб відкрити модальний = / На жаль, не тому, що вам доведеться писати набагато більше коду (що не відповідає дійсності), а тому, що ця реалізація не є, скажімо, красива.

Мій код для модального:

<!-- MODAL BOX START CONFIGURATION -->
<a class="reveal-link" data-reveal-id="modal"></a>
<div id="modal" class="reveal-modal medium">
<div id="modalContent"></div>
<a class="close-reveal-modal">&#215;</a>
</div>

Функція JS для відкриття та розміщення деякого контенту в модалі

function openModal(url,params,text){

// If @url is not empty then we change the #modalContent value with the @url value
if(url !== "")
{
ajaxLoad("#modalContent",url,params);
}
// If @text is not empty then we change the #modalContent value with the @text value
else if(text !== "")
{
$("#modalContent").html(text);
}

// If both @url and @text are empty, then the #modalContent remains unchanged.
// Now we just show de modal with the changed (or not) content
$("a.reveal-link").trigger("click"); }

Сподіваюся, це допоможе!


0 для відповіді № 3

Для програмного (javascript) доступу до документи Схоже, рекомендується лише запускати подію за допомогою клацання.

Додати свій модуль:

<div id="myModal" class="reveal-modal">
<h2>Awesome. I have it.</h2>
<p class="lead">Your couch.  It is mine.</p>
<p>Im a cool paragraph that lives inside of an even cooler modal. Wins</p>
<a class="close-reveal-modal">&#215;</a>
</div>

Встановити тригер:

<a href="#" data-reveal-id="myModal" id="my-trigger">Click Me For A Modal</a>

Активувати тригер програмним шляхом:

$("#my-trigger").trigger("click");

Загальновизнано, це здається подібним до роботи, можливо, це пов'язано з їх підвищеним фокусом "легкий / перший мобільний". Давайте подивимось, що приносить наступний реліз.


0 для відповіді № 4
$("#myModal").foundation("reveal", "open");