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

Issue: 为了加载 model 我必须在第一次点击该按钮两次(不是双击意味着我必须一次又一次地点击)虽然我的 javascript 加载状态:200但是 model 在开始时不起作用它会起作用我点击第二次后 .

这是我的功能

<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

这是Javascript由Getscript调用

/**
 * 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");

}

最后我追加潜水

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

这是结果
enter image description here