| 제목 | Modal page를 url을 통해 불러 오고싶습니다. | ||
|---|---|---|---|
| 글쓴이 | trace | 작성시각 | 2016/09/21 23:51:38 |
|
|
|||
//Main page//
<a id="feelBtn" data-toggle="modal" href="<?php echo html_escape(element('feel_write_url', element('list', $view)));?>" data-target="#myModal">Click me</a>
<script type="text/javascript">
$('a#feelBtn').click(function() {
$('#myModal').modal();
});
<div class="modal fade hide" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" >
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
<h3 id="myModalLabel">Modal header</h3>
</div>
<div class="modal-body">
<p>One fine body…</p>
</div>
<div class="modal-footer">
<button class="btn" data-dismiss="modal" aria-hidden="true">Close</button>
<button class="btn btn-primary">Save changes</button>
</div>
</div>
//Modal page//
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
<h4 class="modal-title">Modal title</h4>
</div>
<div class="modal-body">
<p>One fine body…</p>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
<button type="button" class="btn btn-primary">Save changes</button>
</div>
url
<?php echo html_escape(element('feel_write_url', element('list', $view)));?> 을 웹 주소에다 치면 모달 창으로 안뜨고 모달 안 내용만 뜨는 것은 확인 하였습니다.
bootstrap을 이용중인데 modal 이 링크를 통해서 안불러지는것 같은데, 제가 뭘 잘못하고 있는건지 모르겠습니다. ㅠㅠ
|
|||
| 다음글 | php 버튼 ? 골떄리는 버그!! (3) | ||
| 이전글 | ajax pending 처리 어떻게 하나요? (4) | ||
|
닉
/
2016/09/22 15:24:45 /
추천
0
|
|
닉
/
2016/09/22 15:28:29 /
추천
0
제가 사용하는 부트스트랩 모달 소스인데요~ data.push({ name: csrf_name, value: csrf_hash }); 이부분이 csrf를 추가해서 비동기 호출하는 소스인데요~~ 으용하셔서 소스보시면서 하시면 될듯해요~~ var csrf_name = '<?php echo $this->security->get_csrf_token_name(); ?>'; |
|
trace
/
2016/09/22 21:16:19 /
추천
0
@닉 좋은 정보 감사합니다 !! 한번 해보겠습니다
|
|
trace
/
2016/09/22 23:01:09 /
추천
0
<button type="button" id="feelBtn" class="btn btn-primary" data-remote="<?php echo html_escape(element('feel_write_url', element('list', $view)));?>" data-target="#feelModal" data-toggle="modal" data-backdrop="true" >
button </button>
<div class="modal" id="feelModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" >
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-body">
</div>
</div>
</div>
</div>
다음과 같이 작성하여 해결하였습니다. |
<!-- Modal --> <div class="modal fade" id="modal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> <div class="modal-dialog w_850"> <div class="modal-content"> <div class="po_rel groupWrap"> <div class="loading2"></div> <div class="group"></div> </div> </div> </div><!-- /.modal-dialog --> </div><!-- /.modal -->function createGroupForm (no) { $(".groupWrap .group").empty(); var action = '/' + mgf + '/bus/group'; var data = new Array(); data.push({ name: csrf_name, value: csrf_hash }); if (no !== undefined){ data.push({ name: 'no', value: no }); } ajaxJson(action,data,$(".groupWrap .group"),function(){ },$(".groupWrap .loading2")); $('#modal') .removeData() .modal({ show:true }); return false; }