在基础中打开另一页的一部分显示模态

时间:2014-12-17 16:33:58

标签: javascript ajax zurb-foundation zurb-reveal

因此,当您单击链接时,我正在尝试使用其他页面中某个部分的内容显示模式。例如。

<a href="/otherpage" data-reveal-id="myModal" data-reveal-ajax="true">

单击我进行模态

问题是,我不希望整个页面内容只是手风琴下拉的一部分,我希望在模式中扩展,例如。等..:

 <dl class="accordion accorborder" data-accordion="">
        <dd class="accordion-navigation">
            <a href="#p1">Math Foundations I Sem 1</a>
            <div id="p1" class="content">
                <div class="row">
                    <div class="small-6 columns">
                        <h6>code:</h6>HS-ES-38
                        <h6>Offerings:</h6> xxx
                    </div>
                    <div class="small-6 columns">
                        <h6>Course Materials:</h6>
                        <ul>
                            <li><a href="xxx">Syllabus</a></li>
                            <li><a href="xxx">Course Contract</a></li>
                            <li><a href="xxx">White Board</a></li>
                        </ul>
                    </div>
                </div>
                <p>blah</p>
                <dl class="tabs" data-tab="">
                    <dd class="active"><a href="#p1a">Study Sheets</a></dd>
                    <dd><a href="#p1b">Study Sheets Answer Keys</a></dd>
                    <dd><a href="#p1c">Graded Assignments</a></dd>
                    <dd><a href="#p1d">Graded Assignment Answer Keys</a></dd>
                </dl>
                <div class="tabs-content">
                    <div class="content active" id="p1a">
                        <ul>
                            <li><a href="x"> example </a>
                        </ul>
                    </div>

那么我怎样才能指定页面的特定部分,通过ID工作呢?例如

<a href="/otherpage#XID" data-reveal-id="myModal" data-reveal-ajax="true">

有没有办法以这种方式做到这一点?如果是这样的话?

1 个答案:

答案 0 :(得分:0)

http://pineconellc.github.io/angular-foundation/

处使用角度基础工作