Question

在我的视图文件中，我将导入必要的库，如下所示

<button id="hello">Click Me</button>
 <div id="dialog1" style="display:none">
    <div>
        Hello World
    </div>
</div>

然后我在视图中有以下内容来创建对话框：

$(document).ready(function () {
$("#dialog1").dialog({
    autoOpen: false,
    modal: true
});
});

$("#hello").click(function() {
    $("#dialog1").dialog('open');
});

就在底部，我有以下脚本：

    @extends('layouts.headerfooter')
@section('content')
    {{ Html::style(asset('css/home.css')) }}
    {{ Html::script(asset('js/home.js')) }}
    <script   src="https://code.jquery.com/jquery-1.12.1.js"   integrity="sha256-VuhDpmsr9xiKwvTIHfYWCIQ84US9WqZsLfR4P7qF6O8="   crossorigin="anonymous"></script>
    {{Html::script('https://code.jquery.com/jquery-1.12.1.js')}}
    {{ Html::script('js/jquery-ui.min.js') }}
    {{ Html::style('css/jquery-ui.css') }}
<script>
 $(document).ready(function () {
$("#dialog1").dialog({
    autoOpen: false,
    modal: true
});
});

$("#hello").click(function() {
    $("#dialog1").dialog('open');
});
</script>
<div>
</div>
@endsection

同样的事情是在jsfiddle工作但不在我的laravel。我需要做什么吗？我在控制台中收到以下错误：

未捕获的TypeError：$（...）。对话框不是函数

以下是我的文件加载方式

{{1}}

Answer 1

可能是你的jquery-ui是自定义的并且不包含对话框小部件，也试着把你的

$("#hello").click(function() { $("#dialog1").dialog('open'); });

在$(document).ready(...)

内

JQueryUI对话框在我的laravel应用程序中不起作用

1 个答案: