jQueryUI - ngoại lệ không bắt buộc: không thể gọi các phương thức

Question

Tôi rất mới với jQuery và cố gắng chạy một hộp thoại jQueryUI khá đơn giản trong ứng dụng PHP của tôi. Trong bảng điều khiển firebug tôi nhận được lỗi:

uncaught exception: cannot call methods on dialog prior to initialization; attempted to call method 'open' 

Dưới đây là mã của tôi:

$(function() { 
    $("#dialog").dialog({ 
     autoOpen: false, 
     show: "blind", 
     hide: "explode" 
    }); 

    $("#opener").live('click',function() { 
     $("#dialog").dialog("open"); 
     return false; 
    }); 
}); 

tôi đã làm một số googling về lỗi và không có nhiều bật lên, ngoại trừ jquery.ui.js đó là tạo ra các lỗi với:

if (isMethodCall) { 
    this.each(function() { 
     var instance = $.data(this, name); 
     if (!instance) { 
      throw "cannot call methods on " + name + " prior to initialization; " + 
"attempted to call method '" + options + "'"; 
     } 
... 

Bất kỳ ý tưởng nào? Tôi đánh giá cao bất kỳ sự trợ giúp nào về thông báo lỗi này là gì và cách giải quyết nó.

CẬP NHẬT: Tôi đã cố gắng nhận xét các tùy chọn hiển thị/ẩn và điều đó không ảnh hưởng đến vấn đề của tôi. Dưới đây là HTML:

<div class="demo"> 

    <div id="dialog" title="Basic dialog"> 
     <p>This is an animated dialog which is useful for displaying information. The dialog window can be moved, resized and closed with the 'x' icon.</p> 
    </div> 

    <button id="opener">Open Dialog</button> 

</div><!-- End demo --> 

HTML này được bao gồm trong tệp PHP, được bao gồm trong tệp PHP khác.

Answer 1

OK, nó phải làm với thực tế là tôi đã đặt hộp thoại DIV trên một tệp PHP chưa được tải vào thời điểm JS của tôi được tải. Vì vậy, tôi đã di chuyển DIV cho hộp thoại lên đến một trang cao hơn và nút này hoạt động trên bất kỳ trang nào trong suốt ứng dụng của tôi ngay bây giờ. Tôi mong điều này giúp được người nào khác.

Answer 2

Tôi đã gặp lỗi tương tự. Đây cố định nó cho tôi, lấy từ http://forum.jquery.com/topic/jquery-ui-model-dialog-close

$(".ui-dialog-content").dialog().dialog("close"); 

Answer 3

Trong trường hợp của tôi, tôi sử dụng: jQuery UI - v1.9.2, và tôi chỉ có:

$this.sortable("destroy"); 

và tôi nhận được:

Lỗi không bắt buộc: không thể gọi các phương thức có thể sắp xếp trước khi khởi tạo; cố gắng gọi phương thức 'hủy diệt'

Và tôi cố định khi thêm xác nhận:

if ($this.data("ui-sortable")) 
{ $this.sortable("destroy"); } 

Answer 4

Tôi đã có những lỗi tương tự, và probleme là thứ tự của mã !! bạn phải nhưng javascript của bạn sau khi mã html :).

Answer 5

Trong trường hợp của tôi có xung đột JS với Mootools (cổ điển Joomla, phải không?). Vì vậy, tôi đã đi đến main.js và thay đổi dòng này:

$(function() { 

với trang này:

jQuery(function ($) {