Jquery 在初始化之前无法在对话框上调用方法；试图调用方法“open”

我正在使用此脚本打开一个对话框。但是，它抛出了一个错误：

错误：初始化前无法在对话框上调用方法；试图调用方法“open”

以下是HTML代码：

<div class="content-wrapper" style="display:none">
    <div id="dialog-error" title="LIST ERROR">
        <div class="row">
            <div class="">
                <div class="col-md-4">
                    <span class="text text-green"><b>FIELD</b></span>
                    <div id="container-field">
                        <table class="table table-condensed table-bordered table-hover" >
                            <tbody id="container-field-error">

                            </tbody>
                        </table>
                    </div>
                </div>
                <div class="col-md-8">
                    <div class="row">
                        <span class="text text-green"><b>ERROR MESSAGE</b></span>
                        <div id="container-message" style="min-height: 150px">

                        </div>
                    </div>
                    <div class="row">
                        <span class="text text-green"><b>TYPE</b></span>
                        <div id="container-type" style="min-height: 150px">

                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

以下是代码中的jQuery版本：

<script src="<?php echo Yii::app()->theme->baseUrl ?>/js/jQuery/jQuery-2.1.4.min.js"></script>
<script src="<?php echo Yii::app()->theme->baseUrl ?>/js/jQuery/jQuery-migrate-1.2.1.min.js"></script>
<script src="<?php echo Yii::app()->theme->baseUrl ?>/js/jquery-ui-1.11.4/jquery-ui.min.js"></script>
<script src="<?php echo Yii::app()->theme->baseUrl ?>/js/bootstrap.min.js"></script>
<!--<script src="<?php echo Yii::app()->theme->baseUrl ?>/js/jquery-ui-1.9.2.custom.min.js"></script>
<script src="<?php echo Yii::app()->theme->baseUrl ?>/js/jquery.ui.touch-punch.min.js"></script>-->
<script class="include" type="text/javascript" src="<?php echo Yii::app()->theme->baseUrl ?>/js/jquery.dcjqaccordion.2.7.js"></script>
<script src="<?php echo Yii::app()->theme->baseUrl ?>/js/common-scripts.js"></script>

---

谁能帮我这里有什么问题？jQuery是否冲突？

在调用open函数之前，必须初始化jQuery对话框。在html中，可以在head元素中初始化jquery

<script type="text/javascript">
    $(document).ready(function () {
         initializeDialog();
    });
</script>

---

我知道这里出了什么事。在我的例子中，问题在于html代码。我的html代码中有一个错误。我使用css类是错误的。一旦我修复了错误，代码运行良好

<script type="text/javascript">
    $(document).ready(function () {
         initializeDialog();
    });
</script>

function initializeDialog(){
  $("#dialog-error").dialog({
    autoOpen: false,
    width: '700px',
    resizeable: false,
    position: {
        my: 'top',
        at: 'top+150',
        of: window
    }
  });
}