可以问Bootstrap V3的问题吗？

greedefoxes

       可以问Bootstrap V3的问题吗？

Closer

去 CSS 相關論壇，比較容易有正確解答
只是這問題與 CI 無關，過陣子我就會挪到 "Web 开发综合讨论"
然後就沉了~ ((笑

greedefoxes

搜了一下咱们论坛，没怎么有关于模态对话框的帖子。。。希望有PHP前辈可以看到帮我解答下疑惑。V2版本中，我可以通过如下代码
  <a   class="btn btn-info" data-toggle="modal" mid="<?php echo $user['ip'];?>"  onClick=' test(this); ' >修改所需材料</a>

<div id='myModal' class="modal  fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog" >
    <div class="modal-content">
      <div class="modal-header">...........................................................省略模态框内容

  <script type="text/javascript" >
     function test(obj)
    {
                $id=$(obj).attr('mid');
                $.ajax({
                        url:'http://127.0.0.1/school/index.php/user_p/user_p_updata_meterial?id='+$id,
                                type:'get',
                                
                                success:function(response){
                                $('#myModal .modal-body').html(response);
                                $('#myModal').modal({backdrop:false});
                                
                        }               
                });        
    }   
</script>

但是V3中 需要  data-toggle="modal" data-target="#mylModal" 这种方式，然后在javascript里面直接写modal.find('.modal-body ').html()，只能这样吗？把复杂模态对话框里大量的代码全部写到modal.find('.modal-body ').html("<button...................<a></a> ..........<input>..........")里面？关键是我需要从模态对话框的表单里面POST出上传数据。。。我好混乱啊，不知道有没有能看懂的人帮帮我 提示我下？

greedefoxes

Closer 发表于 2015-5-19 16:43
去 CSS 相關論壇，比較容易有正確解答
只是這問題與 CI 無關，過陣子我就會挪到 "Web 开发综合讨论"
然後就 ...

           O

Closer

greedefoxes 发表于 2015-5-19 16:52
O

你具體想實現的效果
截圖上來看看？

greedefoxes

我想实现 ： 点击按钮 “更换子菜单”  ，弹出 包含POST属性 表单 的一个模态对话框。我想问的是，怎样写按钮“更换子菜单”的代码。我在Bootstrap V2 下已经实现了，但是为了界面的美观和CSS模板的套用，需要更换bootstrap 3.3.4 版本。然后就需要更改之前的代码，因为按照V2的代码现在点击按钮“更换子菜单”已经弹不出模态框了。

greedefoxes

仔细阅读了一下手册，下面这段，最终解决了我的问题，解决方法是ajax套用在中间两行备注那里。$('#exampleModal').on('show.bs.modal', function (event) {  var button = $(event.relatedTarget) // Button that triggered the modal  var recipient = button.data('whatever') // Extract info from data-* attributes  // If necessary, you could initiate an AJAX request here (and then do the updating in a callback).  // Update the modal's content. We'll use jQuery here, but you could use a data binding library or other methods instead.  var modal = $(this)  modal.find('.modal-title').text('New message to ' + recipient)  modal.find('.modal-body input').val(recipient)})