首页 > 解决方案 > AJAX 发布后,外部 JS 插件不起作用

问题描述

我创建了一个小的管理仪表板,它使用 ajax 调用加载页面,但是当我将发布结果输出到父/容器 DIV 时,我无法将元素与本机插件绑定,例如:日期选择器、字符文本框计数、.. .我尝试$getScript在AJAX成功后使用函数,刷新脚本并搜索类似的案例,但一无所获。

你有什么想法?

谢谢你!


这是我用来加载正文内容的代码,它只是通过其 ID 获取页面:

function load_page(id)
            {
             var toId = "";

             $('#ajax-intro-body').show();

             if (id == "dashboard")
                 toId = "../src/pages/partials/" + id + ".php";
             else
                 toId = "../src/pages/" + id + ".php";

             $.ajax({
              url:toId,
              method:"POST",
              data:{},
              success:function(data)
              {
               if (data == "session_expired"){
                   location.replace("../src/pages/login/")
               }else{
                    // Show output data
                    $('#ajax-content').html(data);
                    // Set refresh address id
                    $('.refresh-content').attr('id',id);
                    // Fade out the loading bar body
                    $('#ajax-intro-body').fadeOut(100);
                    // Remove animation from sync
                    $('#refresh-icon').removeClass("fa-spin");
               }
              }
             });
            }

虽然在头部我已经插入了插件,例如在这里,这个插件应该限制和计算部分 PHP 页面中输入的字符:

<script src="assets/js/e_textarealimiter.1.0.min.js"></script>

最后在 PHP 部分中只有一个带有一些输入的表单。

标签: ajax

解决方案


推荐阅读