CODEWITHSUNDEEP
javascriptcssmodal-dialogzurb-foundation
user1130272
user1130272

Reputation:

Foundation 4 reveal not working only overlay shown

I just started to use Foundation 4, thought i will give it a go after beeing a massive Twitter Bootstrap user.

There is one thing what i do not get.

No matter how i define my buttons to open my modal, just the overlay shows up nothing else. Al files included correctly, checked console, no errors, checked log no errors.

here are my tries

not woking

<button data-reveal-id="myModal" data-reveal-ajax="{{ url('settings/portfolio-modal') }}">
    Click Me For A Modal
</button>

not working either

<a href="{{ url('settings/portfolio-modal') }}" data-reveal-id="myModal" data-reveal-ajax="true">
    Click Me For A Modal
</a>

the html what should be open

<div id="myModal">
    <h1>This is a modal</h1>
</div>

So could someone give me a hint?

PS: i am using Laravel php framework

Upvotes: 1

Views: 314

Answers (2)

ole
ole

Reputation: 5233

This bug fixed in foundation 5: https://github.com/zurb/foundation/issues/3444

Upvotes: 0

pat
pat

Reputation: 5797

Have you checked that the URL you load is configured in your route?

Also try with javascript

$('#myModal').foundation('reveal', 'open', '../../settings/portfolio-modal');

Upvotes: 1

Related Questions