可以问Bootstrap V3的问题吗？
可以问Bootstrap V3的问题吗？去 CSS 相關論壇，比較容易有正確解答
只是這問題與 CI 無關，過陣子我就會挪到 "Web 开发综合讨论"
然後就沉了~ ((笑
本帖最后由 greedefoxes 于 2015-5-20 08:52 编辑
搜了一下咱们论坛，没怎么有关于模态对话框的帖子。。。希望有PHP前辈可以看到帮我解答下疑惑。V2版本中，我可以通过如下代码
<a class="btn btn-info" data-toggle="modal" mid="<?php echo $user['ip'];?>"onClick=' test(this); ' >修改所需材料</a>
<div id='myModal' class="modalfade" 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 于 2015-5-19 17:02 编辑
Closer 发表于 2015-5-19 16:43
去 CSS 相關論壇，比較容易有正確解答
只是這問題與 CI 無關，過陣子我就會挪到 "Web 开发综合讨论"
然後就 ...
O greedefoxes 发表于 2015-5-19 16:52
O
你具體想實現的效果
截圖上來看看？ 本帖最后由 greedefoxes 于 2015-5-20 15:56 编辑
我想实现 ： 点击按钮 “更换子菜单”，弹出 包含POST属性 表单 的一个模态对话框。我想问的是，怎样写按钮“更换子菜单”的代码。我在Bootstrap V2 下已经实现了，但是为了界面的美观和CSS模板的套用，需要更换bootstrap 3.3.4 版本。然后就需要更改之前的代码，因为按照V2的代码现在点击按钮“更换子菜单”已经弹不出模态框了。
仔细阅读了一下手册，下面这段，最终解决了我的问题，解决方法是ajax套用在中间两行备注那里。$('#exampleModal').on('show.bs.modal', function (event) {var button = $(event.relatedTarget) // Button that triggered the modalvar 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)})
页:
[1]