Fatal编程技术网
  • meteor/
  • 在meteor中单击“显示”按钮时作为弹出框打开

在meteor中单击“显示”按钮时作为弹出框打开

meteor

在meteor中单击“显示”按钮时作为弹出框打开,meteor,Meteor,我需要打开一个弹出框点击按钮“显示”。我用的是流星1.1.9。有人知道我如何使用meteor吗？如果你想打开modal，这里有一个简单的例子 test.html <div style="float:right; margin: 10px 40px;"> <input type="button" class="btn btn-info open-insert-modal" value="Data Insert" data-backdrop="false"><

我需要打开一个弹出框点击按钮“显示”。我用的是流星1.1.9。有人知道我如何使用meteor吗？

如果你想打开modal，这里有一个简单的例子

test.html

<div style="float:right;  margin: 10px 40px;">
    <input type="button" class="btn btn-info  open-insert-modal" value="Data Insert" data-backdrop="false"></div>
<div id="insertModal" class="modal fade" style="margin-left: 25%;margin-top: 10%;width: 50%;">
    <div class="modal-content">
        <div class="modal-header">
            <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
            <h4 class="modal-title">InsertData</h4>
        </div>
        <div class="modal-body">
            <!-- body code -->
        </div>
    </div>
</div>

<template name="modal">  
   <div style="float:right;  margin: 10px 40px;">
      <input type="button" class="btn btn-info  open-insert-modal" value="Data Insert" data-backdrop="false">
   </div>
   <div id="insertModal" class="modal fade" style="margin-left:25%;margin-top: 10%;width: 50%;">
    <div class="modal-content">
    <div class="modal-header">
      <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
      <h4 class="modal-title">InsertData</h4>
    </div>
    <div class="modal-body">
    </div>
    </div>
   </div>
</template>
如果你想打开模态，这里有一个简单的例子

test.html

<div style="float:right;  margin: 10px 40px;">
    <input type="button" class="btn btn-info  open-insert-modal" value="Data Insert" data-backdrop="false"></div>
<div id="insertModal" class="modal fade" style="margin-left: 25%;margin-top: 10%;width: 50%;">
    <div class="modal-content">
        <div class="modal-header">
            <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
            <h4 class="modal-title">InsertData</h4>
        </div>
        <div class="modal-body">
            <!-- body code -->
        </div>
    </div>
</div>

<template name="modal">  
   <div style="float:right;  margin: 10px 40px;">
      <input type="button" class="btn btn-info  open-insert-modal" value="Data Insert" data-backdrop="false">
   </div>
   <div id="insertModal" class="modal fade" style="margin-left:25%;margin-top: 10%;width: 50%;">
    <div class="modal-content">
    <div class="modal-header">
      <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
      <h4 class="modal-title">InsertData</h4>
    </div>
    <div class="modal-body">
    </div>
    </div>
   </div>
</template>
我的代码如下
test.html

<div style="float:right;  margin: 10px 40px;">
    <input type="button" class="btn btn-info  open-insert-modal" value="Data Insert" data-backdrop="false"></div>
<div id="insertModal" class="modal fade" style="margin-left: 25%;margin-top: 10%;width: 50%;">
    <div class="modal-content">
        <div class="modal-header">
            <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
            <h4 class="modal-title">InsertData</h4>
        </div>
        <div class="modal-body">
            <!-- body code -->
        </div>
    </div>
</div>

<template name="modal">  
   <div style="float:right;  margin: 10px 40px;">
      <input type="button" class="btn btn-info  open-insert-modal" value="Data Insert" data-backdrop="false">
   </div>
   <div id="insertModal" class="modal fade" style="margin-left:25%;margin-top: 10%;width: 50%;">
    <div class="modal-content">
    <div class="modal-header">
      <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
      <h4 class="modal-title">InsertData</h4>
    </div>
    <div class="modal-body">
    </div>
    </div>
   </div>
</template>
这与Bipin发布的代码相同，我正在测试如何打开类似于jQuery弹出窗口的弹出窗口。

我的代码如下
test.html

<div style="float:right;  margin: 10px 40px;">
    <input type="button" class="btn btn-info  open-insert-modal" value="Data Insert" data-backdrop="false"></div>
<div id="insertModal" class="modal fade" style="margin-left: 25%;margin-top: 10%;width: 50%;">
    <div class="modal-content">
        <div class="modal-header">
            <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
            <h4 class="modal-title">InsertData</h4>
        </div>
        <div class="modal-body">
            <!-- body code -->
        </div>
    </div>
</div>

<template name="modal">  
   <div style="float:right;  margin: 10px 40px;">
      <input type="button" class="btn btn-info  open-insert-modal" value="Data Insert" data-backdrop="false">
   </div>
   <div id="insertModal" class="modal fade" style="margin-left:25%;margin-top: 10%;width: 50%;">
    <div class="modal-content">
    <div class="modal-header">
      <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
      <h4 class="modal-title">InsertData</h4>
    </div>
    <div class="modal-body">
    </div>
    </div>
   </div>
</template>
这与Bipin发布的代码相同，我正在测试如何打开类似于jQuery弹出窗口的弹出窗口。

我想知道，如果使用“数据解除”或“aria隐藏”等标记，我是否需要在Meteor中添加插件？因为当我尝试使用这些标记时，什么都没有发生。我尝试了Bipin的代码作为示例，但没有看到任何模式（jquery弹出）opening.user1662039粘贴您编写的代码，以便我们查看错误。很抱歉，您可以添加meteor add twbs:bootstrapI没有添加插件的规定，因为我在代理下工作，这限制了添加插件的命令。我可以知道是否有其他方法来解决这个问题吗？我想知道，对于使用“数据解除”或“aria隐藏”这样的标签，我需要在Meteor中添加任何插件吗？因为当我尝试使用这些标记时，什么都没有发生。我尝试了Bipin的代码作为示例，但没有看到任何模式（jquery弹出）opening.user1662039粘贴您编写的代码，以便我们查看错误。很抱歉，您可以添加meteor add twbs:bootstrapI没有添加插件的规定，因为我在代理下工作，这限制了添加插件的命令。我能知道有没有别的办法解决这个问题？