我正在创建一个函数来从服务器获取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">×</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>
这是结果