首页 \ 问答 \ 绑定datepicker和select2到bootstrap模式(Binding datepicker and select2 to bootstrap modal)

绑定datepicker和select2到bootstrap模式(Binding datepicker and select2 to bootstrap modal)

我有一个bootstrap模式,它使用ajax来填充db查询中的内容。 但是我的datepicker和select2插件在模态中不起作用,尽管它们在页面上工作。 我是一个相对较新的ajax但我发现一些stackoverflow线程暗示我需要绑定datepicker和select2但我没有运气。

index.php:这是ajax ......

$( document ).ready(function() {       
    $('#newCall').on('show.bs.modal', function (e) {
        var id = $(e.relatedTarget).data('id');
        $(".datepicker").datepicker();
    $.ajax({
      type : 'post',
       url : '../includes/modals/call.php', 
      data :  'id='+ id,
      success : function(data){
         $('.form-data').html(data);
       }
    });
    });
});

我在ajax之前包含了select2和datepicker js文件。

call.php:

<!-- NEW CALL MODAL -->
<div id="newCall" class="modal fade" role="dialog">
    <div class="modal-dialog modal-lg">
        <!-- Modal content-->
        <div class="modal-content">
            <div class="form-data"></div>
        </div>
    </div>
</div>  

提前致谢!


I have a bootstrap modal that uses ajax to populate the content from a db query. However my datepicker and select2 plugin are not working inside of the modal, although they do work on the page. I am relatively new to ajax but I've found some stackoverflow threads suggesting that I need to bind the datepicker and select2 but I am not having any luck.

index.php: Here is the ajax...

$( document ).ready(function() {       
    $('#newCall').on('show.bs.modal', function (e) {
        var id = $(e.relatedTarget).data('id');
        $(".datepicker").datepicker();
    $.ajax({
      type : 'post',
       url : '../includes/modals/call.php', 
      data :  'id='+ id,
      success : function(data){
         $('.form-data').html(data);
       }
    });
    });
});

I have the select2 and datepicker js files included before the ajax.

call.php:

<!-- NEW CALL MODAL -->
<div id="newCall" class="modal fade" role="dialog">
    <div class="modal-dialog modal-lg">
        <!-- Modal content-->
        <div class="modal-content">
            <div class="form-data"></div>
        </div>
    </div>
</div>  

Thanks in advance!


原文:https://stackoverflow.com/questions/36868288
更新时间:2021-11-03 20:11

最满意答案

使用数组; 这就是他们被介绍的原因。

FOO="ghi"
# Contains one element, but not the literal quotes
DEFAULTS=(--param="abc def $FOO")
# command gets 1 argument, the single element of the array
/some/command "${DEFAULTS[@]}"

# Two elements
DEFAULTS=(--param="abc def $FOO" --other="foo bar")
# command gets 2 arguments
/some/command "${DEFAULTS[@]}"

Use an array; this is why they were introduced.

FOO="ghi"
# Contains one element, but not the literal quotes
DEFAULTS=(--param="abc def $FOO")
# command gets 1 argument, the single element of the array
/some/command "${DEFAULTS[@]}"

# Two elements
DEFAULTS=(--param="abc def $FOO" --other="foo bar")
# command gets 2 arguments
/some/command "${DEFAULTS[@]}"

相关问答

更多

相关文章

更多

最新问答

更多
  • 如何使用自由职业者帐户登录我的php网站?(How can I login into my php website using freelancer account? [closed])
  • 如何打破按钮上的生命周期循环(How to break do-while loop on button)
  • C#使用EF访问MVC上的部分类的自定义属性(C# access custom attributes of a partial class on MVC with EF)
  • 如何获得facebook app的publish_stream权限?(How to get publish_stream permissions for facebook app?)
  • 如何并排放置两个元件?(How to position two elements side by side?)
  • 在MySQL和/或多列中使用多个表用于Rails应用程序(Using multiple tables in MySQL and/or multiple columns for a Rails application)
  • 如何隐藏谷歌地图上的登录按钮?(How to hide the Sign in button from Google maps?)
  • Mysql左连接旋转90°表(Mysql Left join rotate 90° table)
  • 带有ImageMagick和许多图像的GIF动画(GIF animation with ImageMagick and many images)
  • 电脑高中毕业学习去哪里培训
  • 电脑系统专业就业状况如何啊?
  • IEnumerable linq表达式(IEnumerable linq expressions)
  • 如何在Spring测试中连接依赖关系(How to wire dependencies in Spring tests)
  • Solr可以在没有Lucene的情况下运行吗?(Can Solr run without Lucene?)
  • 如何保证Task在当前线程上同步运行?(How to guarantee that a Task runs synchronously on the current thread?)
  • 在保持每列的类的同时向数据框添加行(Adding row to data frame while maintaining the class of each column)
  • 的?(The ? marks in emacs/haskell and ghc mode)
  • 一个线程可以调用SuspendThread传递自己的线程ID吗?(Can a thread call SuspendThread passing its own thread ID?)
  • 延迟socket.io响应,并“警告 - websocket连接无效”(Delayed socket.io response, and “warn - websocket connection invalid”)
  • 悬停时的图像转换(Image transition on hover)
  • IIS 7.5仅显示homecontroller(IIS 7.5 only shows homecontroller)
  • 没有JavaScript的复选框“关闭”值(Checkbox 'off' value without JavaScript)
  • java分布式框架有哪些
  • Python:填写表单并点击按钮确认[关闭](Python: fill out a form and confirm with a button click [closed])
  • PHP将文件链接到根文件目录(PHP Linking Files to Root File Directory)
  • 我如何删除ListView中的项目?(How I can remove a item in my ListView?)
  • 您是否必须为TFS(云)中的每个BUG创建一个TASK以跟踪时间?(Do you have to create a TASK for every BUG in TFS (Cloud) to track time?)
  • typoscript TMENU ATagParams小写(typoscript TMENU ATagParams lowercase)
  • 武陟会计培训类的学校哪个好点?
  • 从链接中删除文本修饰(Remove text decoration from links)