Uncaught Error: cannot call methods on dialog prior to initialization; attempted to call method 'clo

最新推荐文章于 2020-04-29 11:22:56 发布
最新推荐文章于 2020-04-29 11:22:56 发布 · 694 阅读 · 0
文章标签：

#javascript #ViewUI

本文介绍了一个关于jQuery Dialog插件使用中的常见错误：在Dialog未初始化前尝试调用其方法导致的问题。通过调整代码顺序，确保Dialog实例化完成后再进行方法调用，可以避免此类错误。

1、错误描述

jquery.min.js:2 Uncaught Error: cannot call methods on dialog prior to initialization; attempted to call method 'close'

angular.min.js:107 Error: cannot call methods on dialog prior to initialization; attempted to call method 'open'



2、错误原因

   var dialog = $( "#dialog" ).dialog({
      resizable: false,
      height: "auto",
      width: 400,
      modal: true,
      buttons: {
        "保存": function() {
          dialog.dialog( "close" );
        },
        "取消": function() {
          $( this ).dialog( "close" );
        }
      }
    });
在保存按钮函数中，之前用的是$(this).dialog("close"); 但是发现点击按钮无效，于是在弹窗前加了var dialog=，然后直接用dialog.dialog("close"); 再次尝试，发现有效果但是会提示错误描述中的错误

3、解决办法

保证弹窗实例化在前，调用close方法在后

iteye_8264
关注
Fatal error: Uncaught Error: Call to undefined function mysql_connect() 解决办法详细
dhyuan_88的博客
11-05 1144
情况一情况二情况三解决办法。
testlink 1.9.16 执行测试时报错Fatal error: Uncaught Error: Cannot use string offset as an array in D:\softe
m0_58258351的博客
03-14 7440
testlink 1.9.16 执行测试时报错Fatal error: Uncaught Error: Cannot use string offset as an array in D:\softest\htdocs\testlink\lib\execute\execSetResults.php:1533
jquery.min.js:4 Uncaught Error: cannot call methods on dialog prior to initialization; attempted to
一颗算盘珠子的博客
10-11 5190
错误提示： jquery.min.js:4 Uncaught Error: cannot call methods on dialog prior to initialization; attempted to call method 'open' 之前代码 $( "#dialog-modal" ).dialog( "open" ); 根据http://api.jquery
cannot call methods on dialog prior to initialization; attempted to call method 'close'
ct1027038527的专栏
07-30 2633
cannot call methods on dialog prior to initialization; attempted to call method 'close'
jquery mobile 打开panel报错：Uncaught Error: cannot call methods on panel prior to initialization; attemp...
weixin_30641999的博客
09-18 260
今天在使用jQuery mobile panel时遇到问题 按照API，打开panel应该用：$( "#idofpanel" ).panel( "open" ); 可是我这么写之后一直报错：Uncaught Error: cannot call methods on panel prior to initialization; attempted to call method 'open'，大...
cannot call methods on button prior to initialization; attempted to call method 'toggle' 解决
热门推荐
一个烂人的随手笔记
11-03 22万+
在bootstrap 3.0 中使用 radio button  Option 1 Option 2 Option 3 出现 这个错误  cannot call methods on button prior to initialization; attempted to call method 'toggl
Vue报错：Uncaught TypeError: Cannot assign to read only property’exports‘ of object’#Object‘的解决方法
12-09
当你遇到“Uncaught TypeError: Cannot assign to read only property 'exports' of object '#<Object>'”这样的错误，通常是因为在同一个模块中混用了CommonJS（`require`和`module.exports`）和ES6模块（`import`...
Vue报错：Uncaught TypeError: Cannot assign to read only property’exports‘ of object’#&lt;Object&gt;‘的解决
08-30
在Vue开发过程中，有时会遇到一个常见的错误：`Uncaught TypeError: Cannot assign to read only property 'exports' of object '#<Object>'`。这个错误通常发生在使用Webpack打包Vue应用时，由于模块导入导出规范的...
Fatal error: Uncaught Error: Call to undefined function curl_init()
new1024kb
01-11 5641
客官，留下你的赞；成为我的粉丝，一起上车哦！评论区欢迎你的留言 通过PHP curl模块发送请求时，出现 Fatal error: Uncaught Error: Call to undefined function curl_init()。 出现这种情况的原因有以下两点： curl模块不存在 curl模块存在，但是php.ini配置文件中未开启php_curl.dll即;extension=p...
解决Error: cannot call methods on tabs prior to initialization; attempted to call method 'disable'的方法
Eric_Tsai的专栏
10-27 3723
Error: cannot call methods on tabs prior to initialization; attempted to call method 'disable' throw new Error( msg );
cannot call methods on button prior to initialization; attempted to call method 'loading'.
萧逸才的博客
06-17 2056
使用jquery-ui时和bootstrap冲突，报错Uncaught Error: cannot call methods on button prior to initialization; attempted to call method 'loading'.解决方法：将引用bootstrap.js之前引用jquery-ui.js参考:https://stackoverflow.com/que
cannot call methods on dialog prior to initialization; attempted to call method 'open'
HONG的个人博客
04-29 2184
问题原因: jquery ui dialog 未初始化完成被调用 解决办法: 链式调用:
easy ui Uncaught Error: cannot call methods on tooltip prior to initialization; attempted to call me...
weixin_30876945的博客
05-24 548
今天bootstrap 和easy ui混用时候报了这么一个错误,本来可以点击编辑的，但是现在一点击就报错， 后来看到如下一个连接可以解决错误原来是 https://stackoverflow.com/questions/30190437/uncaught-error-cannot-call-methods-on-button-prior-to-initialization-attempt...
Error: cannot call methods on draggable prior to initialization; attempted to call
weixin_33997389的博客
05-04 859
cannot call methods on draggable prior to initialization; attempted to call  报这个问题的根本原因是由于你的引用文件有问题 ，你的jquery 的js或者css样式引用反复导致它读取两次，初始化失败就会报这个错误，好好看看配置文件 ...
Uncaught Error: cannot call methods on fileupload prior to initialization; attempted to call method
johnhuster的专栏
12-05 2880
Uncaught Error: cannot call methods on fileupload prior to initialization; attempted to call method blueimp/jQuery-File-Upload在用户确认文件后再上传
cannot call methods on tooltip prior to initialization; attempted to call method 'close'(…)
haitunmin的博客
04-11 2049
cannot call methods on tooltip prior to initialization; attempted to call method 'close'(…) 表现情况是确定按钮无法点击。 解决办法和产生原因。这个问题是由于bootstrap 和 jQuery.ui 冲突引起的。 解决办法 调整载入的js顺序，使jquyer.u
解决： cannot call methods on fileupload prior to initialization; attempted to call method 'params'
ste239的博客
08-05 1426
1、问题：cannot call methods on fileupload prior to initialization; attempted to call method 'params' 2、分析： 该问题表示fileupload不成功。 代码如下： $("#import").fileupload("params", { userName : formValues....
Fatal error: Uncaught Error: Call to a member function prepare() on null
最新发布
09-09
在PHP代码中出现 `Call to a member function prepare() on null` 错误，通常是因为尝试在一个 `null` 值上调用 `prepare()` 方法。在提供的 `DatabaseConfig` 类中，这意味着 `$pdo` 属性可能为 `null`。以下是可能的原因及解决办法： ### 1. 数据库连接失败 在 `__construct()` 方法中，如果数据库连接失败，`$pdo` 属性将不会被正确初始化，从而导致后续调用 `prepare()` 方法时出错。可以在 `catch` 块中添加日志记录，方便排查问题。 ```php class DatabaseConfig { private static $instance = null; private $pdo; private function __construct() { $host = 'localhost'; $dbname = 'recharge_site'; $username = 'root'; $password = ''; try { $this->pdo = new PDO("mysql:host=$host;dbname=$dbname", $username, $password); $this->pdo->setAttribute(PDO::ATTR_ERRMODE, PDO::ERRMODE_EXCEPTION); $this->pdo->exec("SET NAMES 'utf8'"); $this->pdo->exec("SET time_zone = '+08:00'"); } catch (PDOException $e) { // 记录错误日志 error_log("数据库连接失败: " . $e->getMessage()); die("数据库连接失败: " . $e->getMessage()); } } public static function getInstance() { if (self::$instance == null) { self::$instance = new DatabaseConfig(); } return self::$instance->pdo; } // 防止克隆对象 private function __clone() { } } ``` ### 2. 调用方式错误 确保在调用 `getInstance()` 方法时没有出现错误。以下是一个正确的调用示例： ```php $pdo = DatabaseConfig::getInstance(); try { $stmt = $pdo->prepare("SELECT * FROM your_table"); $stmt->execute(); $result = $stmt->fetchAll(PDO::FETCH_ASSOC); print_r($result); } catch (PDOException $e) { echo "查询出错: " . $e->getMessage(); } ``` ### 3. 单例模式问题 确保单例模式的实现没有问题，避免在代码的其他地方意外重置 `$instance` 或 `$pdo`。 通过以上步骤，应该可以解决 `Call to a member function prepare() on null` 错误。如果问题仍然存在，需要进一步检查数据库服务器的配置和权限。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值