JavaScript错误没有对象[对象对象]没有方法'dialog'

Question

I get the error in this questions's title from this page . It isn't a page users see. It is a test page I am working on and I copied the general template from here .

For some reason the latter doesn't get this error and the former does. I checked and I am pretty sure I am importing all the same libraries, so why does the new page give this error?

Any ideas?

Answer 1

The problem is that your index_new includes

http://cdn.jquerytools.org/1.2.6/full/jquery.tools.min.js

Which overwrites/interferes with the normal .dialog method.

Answer 2

You have this block of code:

var $dialog = $('#loginpopup')
  .dialog({
    autoOpen: false,
    title: 'Login Dialog'
  });

$('#loginpopup') is returning an HTML element (a <div/>, specifically), and these don't have any build-in methods called dialog .