标签: modal-dialog

我非常喜欢菜鸟,所以我认为我正在用twitter bootstrap模式监督一些事情(可能很明显).我想要做的是获得一个仅在移动设备上启动的模式.这样可以在模态div上添加类.visible-phone.到现在为止还挺好.但后来我希望它能够工作,这意味着你可以用X按钮关闭它.我无法让按钮工作.

<div class="modal visible-phone" id="myModal">
  <div class="modal-header">
    <button class="close" data-dismiss="modal">×</button>
    <h3>text introductory<br>want to navigate to...</h3>
 </div>
 <div class="modal-body">
    <ul class="nav">
      <li> ... list of links here </li>
    </ul>
   </div>
  </div>

在html的底部我放了jquery.js(第一个)和bootstrap.modal.js和bootstrap.transition.js.实际上所有的bootstrap js模块(不要错过包含).我对js没有经验..

如果我提出一个非常愚蠢的问题,请原谅我.我在日志中找不到这种特定情况的答案.

当我在页面中触发模态视图时,它会触发滚动条消失.这是一种恼人的效果,因为当模态移入/消失时,背景页面开始移动.这种效果有治愈方法吗？

所以,我正在使用此代码在当前打开的模态窗口中打开另一个模态窗口:

<a onclick=\"$('#login').modal('hide');$('#lost').modal('show');\" href='#'>Click</a>

会发生什么,如同500ms一样,滚动条会复制.我猜是因为目前的模态还在逐渐淡出.然而,它看起来非常不光滑和口吃.

我很感激任何解决这个问题的建议.

另外,在onclick-event不专业的情况下构建它的方法是什么？

我正在使用bootstrap 3.0版.

编辑:我想减少模态淡出的时间是必要的.这怎么可能？

我无法理解/使用角度UI模式的范围.

虽然这里没有立即显示,但我已经正确设置了模块和所有设置(据我所知),但这些代码示例特别是我发现错误的地方.

index.html(它的重要部分)

<div class="btn-group">
    <button class="btn dropdown-toggle btn-mini" data-toggle="dropdown">
        Actions
        <span class="caret"></span>
    </button>
    <ul class="dropdown-menu pull-right text-left">
        <li><a ng-click="addSimpleGroup()">Add Simple</a></li>
        <li><a ng-click="open()">Add Custom</a></li>
        <li class="divider"></li>
        <li><a ng-click="doBulkDelete()">Remove Selected</a></li>
    </ul>
</div>

Controller.js(再次,重要部分)

MyApp.controller('AppListCtrl', function($scope, $modal){
    $scope.name = 'New Name';
    $scope.groupType = 'New Type';

    $scope.open = function(){
        var modalInstance = $modal.open({
            templateUrl: 'partials/create.html',
            controller: 'AppCreateCtrl'
        });
        modalInstance.result.then(function(response){

            // outputs an object {name: 'Custom Name', groupType: 'Custom Type'}
            // despite the user entering customized values
            console.log('response', response);

            // outputs "New Name", which …

我有一个问题jquery-ui dialog box.

问题是,当我关闭对话框然后单击触发它的链接时,除非我刷新页面,否则它不会再次弹出.

如何在不刷新实际页面的情况下调用对话框.

以下是我的代码:

$(document).ready(function() {
    $('#showTerms').click(function()
    {
        $('#terms').css('display','inline');
        $('#terms').dialog({
            resizable: false,
            modal: true,
            width: 400,
            height: 450,
            overlay: { backgroundColor: "#000", opacity: 0.5 },
            buttons:{ "Close": function() { $(this).dialog("close"); } },
            close: function(ev, ui) { $(this).remove(); },
    }); 
});

谢谢

我已经使用模态窗口进行向导实现,它有大约4,5步.我需要在最后一步(onFinish)和OnCancel步骤之后完全销毁它,而不需要刷新页面.我当然可以隐藏它,但是当我再次打开它时,隐藏模态窗口会恢复所有内容.谁能在这个问题上帮助我？

谢谢任何提示答案对我有帮助.

我想在两个表单(c#)之间传递值.我该怎么做？

我有两种形式:Form1和Form2.

Form1包含一个按钮.当我单击该按钮时,Form2应该打开,Form1应该处于非活动模式(即不可选).

Form2包含一个文本框和一个提交按钮.当我在Form2的文本框中键入任何消息并单击提交按钮时,Form2应该关闭,Form1应该使用提交的值突出显示.

我该怎么做？有人可以通过一个简单的例子帮助我做到这一点.

使用此处提到的示例,如何使用JavaScript而不是单击按钮来调用模态窗口？

我是AngularJS的新手,试图在这里和这里搜索文档,但没有运气.

谢谢

正如你在这里看到的,我有一个启动模态的按钮.为按钮设置一个href url这个url会被Bootstrap 3自动加载到modal中.事实是这个页面被加载到模态根目录中(如用于模态使用的bootstrap 3文档中所述).我想把它加载到模态体中.

有没有办法通过属性(而不是javascript)来做到这一点？或者最自动的方法是什么？

PS我记得在Bootstrap 2中,内容被加载到正文中,而不是根目录中.

我正在使用bootstrap 3 docs中的模态示例.模态有效.但是我需要在它触发时访问show.bs.modal事件.现在我只是想:

$('#myModal').on('show.bs.modal', function () {
   alert('hi')
})

没有任何事情发生,事件不会发生.我究竟做错了什么？？？这对我来说没有意义.