从mizzao:bootstrap-3切换到twbs:bootstrap Mateor包,我的模态对话框停止工作

时间:2015-04-18 12:53:44

标签: meteor twitter-bootstrap-3

我正在使用mizzao:bootstrap-3 Bootstrap-Meteor集成。我读到,使用与Meteor集成的Bootstrap的官方软件包是twbs:bootstap now。

切换到twbs包我的模态对话框停止工作。它显示了几分之一秒然后消失。 显示我的模态对话框的代码是:

<template name="channelsHeader">
    <div class="section-title">STARTUPS<span id="startup-action-btn"><a id="add-startup-link" href="#" data-toggle="modal" data-target="#addStartupMain">+</a></span></div>
</template>

然后对话框模板是:

<template name="addStartupModal">
    <form id="add-startup-form">
        <div class="modal fade" id="addStartupMain" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
            <div class="modal-dialog">
                <div class="modal-content">
                    <div class="modal-header">
                        <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
                        <h4 class="modal-title" id="addStartupModalTitle">Add a New Startup Conversation</h4>
                    </div>
                    <div class="modal-body">
                        <div id="startup-alert-placeholder"></div>
                        <p>Add a startup name you want to include in your network here ─ use lowercase name only, no spaces and use dash character (-) to separate words.</p>
                        <div class="input-group">
                            <input name="new-startup-name" type="text" class="form-control" value="" placeholder="Startup name here"/>
                        </div>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
                        <button type="submit" class="btn btn-primary">Save</button>
                    </div>
                </div>
            </div>
        </div>
    </form>
</template>

有人能看错吗? 我使用Meteor v.1.1.0.2和twbs:bootstrap v.3.3.4

1 个答案:

答案 0 :(得分:0)

我遇到了同样的问题,peppelg-bootstrap-3-modal在这里工作。

你只需要指定。

Modal.show('modalName') //to open the modal