Question

我通过ajax get加载内容，在div中，我有3页：

索引通过ajax加载的动态内容 javascript.js

现在我通过以下方式将数据加载到索引中：

$.ajax({
   url: target,
   type: 'GET', 
}).done(function(data)
{
  $(".modal-content").html($(data).find('.inner_modal'));
  $(".modal-header").prepend('<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>');
 });
 });

即使我在主索引上包含javascript文件，javascript也无法正常工作。

我试过像这样绑定：

$(function()
{
    $('.inner_modal').on("submit", "#account-login-form", function()
    {
        $('.ajloading').show();
        $.ajax({
            url: $(this).attr('action'),
            type: $(this).attr('method'),
            dataType: 'json',
            data: $(this).serialize(),
            success: function(data)
            {
                if(!data.success)
                {
                    $('#error_message').html(data.error + alert_close).show();
                }else{
                    <?php if(Session::get('refer') == true &&  Session::get('refer') != 'user/logout'): ?>
                        window.location.href = '<?php echo Config::get('URL'); ?><?php echo System::escape(Session::get('refer')); ?>';
                    <?php else: ?>
                        window.location.href = '<?php echo Config::get('URL'); ?>dashboard';
                    <?php endif; ?>
                }
                $('.ajloading').hide();
            }, error: function(data)
            {
                $('.ajloading').hide();
            }
        });
        return false;
    });
});

我试过这样：

$(document).on("submit", "#account-login-form", function()

我也没试过

$(function(){});

现在，当我在动态加载的内容中取消javscript文件时，它可以工作，但我不能为每个文件执行此操作，而且它会使我的脚本膨胀，所以如何解决这个问题，以便动态内容与我的主要内容一起使用js file ....以下是我的工作方式：

<body>
    <div class="modal-content">
        <!-- dynamic content loaded !-->
    </div>
</body>

<script>
    $.ajax({
       url: target,
       type: 'GET', 
    }).done(function(data)
        {
          $(".modal-content").html($(data).find('.inner_modal'));
          $(".modal-header").prepend('<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>');
        });
    });
</script>
<script src="myjs.js"></script>
</html>

Answer 1

我认为你的问题是提交＆＃39;不是泡沫的事件。在通过ajax加载表单后，您应该直接为表单指定一个单击处理程序。

主页上的javascript在动态加载的内容中不起作用

1 个答案: