Javascript 为什么我需要在按钮上单击两次来使用jquery getscript和Laravel5.0加载JS脚本？

我正在创建一个函数，当用户使用Laravel5.0中的Jquery getscript单击按钮时，从服务器获取Javascript。除非我第一次在该按钮上单击两次，否则该函数也可以工作

问题：对于加载模型我必须在第一次点击该按钮两次（不是双击意味着我必须一次又一次地点击），尽管我的javascript加载状态为：200，但模型在开始时不起作用，在我点击第二次后它将起作用

这是我的功能

<button type="button" class="btn btn-info " data-toggle="modal" id="test" data-target="#create"> Create </button>

创建

这是用于调用JS文件的JS脚本

@section('js')
    <script type="text/javascript">

        var url = "<?PHP echo url("js/libs.js");?>";

        $('#test').click(function () {

            var id = $(this).data("target").replace('#', '');
            $.getScript(url, function (data, textStatus, jqxhr) {

                if (textStatus == 'success' && jqxhr.readyState == 4 && jqxhr.status == 200) {
                    myload({
                        id: id,
                    });
                }
            });
        });
    </script>
@endsection

@节（'js'）
var url=“”；
$（“#测试”）。单击（函数（）{
var id=$（this）.data（“target”）.replace（“#”和“”）；
$.getScript（url、函数（数据、文本状态、jqxhr）{
if（textStatus='success'&&jqxhr.readyState==4&&jqxhr.status==200）{
我的负载({
id:id，
});
}
});
});
@端部

这是由Getscript调用的Javascript

/**
 * Created by hengsoheak on 3/14/2016.
 */

function myload(id) {

    var data = '<div id="'+id.id+'" class="modal fade" role="dialog">';
    data += '<div class="modal-dialog">';

    data += '<div class="modal-content">';
    data += '<div class="modal-header">';
    data += '<button type="button" class="close" data-dismiss="modal">&times;</button>';
    data += '<h4 class="modal-title"> Modal Header </h4>';
    data += '</div>';
    data += '<div class="modal-body">';
    data += '<p> Some text in the modal.</p>';
    data += '</div>';
    data += '<div class="modal-footer">';
    data += '<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>';
    data += '</div>';
    data += '</div>';
    data += '</div>';
    data += '</div>';

    $(data).appendTo("#result");

}

/**
*由恒生海克于2016年3月14日创建。
*/
函数myload（id）{
var数据=“”；
数据+=''；
数据+=''；
数据+=''；
数据+='×；'；
数据+=‘模式标题’；
数据+=''；
数据+=''；
数据+='模态中的一些文本。
'；
数据+=''；
数据+=''；
数据+=‘关闭’；
数据+=''；
数据+=''；
数据+=''；
数据+=''；
$（数据）。附加到（“#结果”）；
}

最后我去潜水了

<div id='result'></div>

这就是结果

---

控制台中有错误吗？当我查看图像时，我已经尝试了很多次，但控制台状态正常200或使用Laravel标记时效果不好？在我第一次单击结果时签入HTML后，我的函数已经将HTML附加到它，但它似乎不起作用引导程序尚未调用Modal和aster我单击第二次我看到正文和另一个模式追加或注入html并发送css：P这是一个猜测！我很高兴这有帮助！快乐编码