Question

我正在尝试创建一个J-query动画弹出框，但是当我运行该网站时，它只显示了Div。这是我的jquery代码：

<script type="text/javascript">
$(function() {
$( "#dialog" ).dialog({
  autoOpen: true,
  show: {
    effect: "bounce",
    duration: 1000
  },
  hide: {
    effect: "explode",
    duration: 1000
  }
});

我希望它在您启动页面时打开，但它只显示文本：（

Answer 1

包括Jquery Css＆amp;头部的JS

 <link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" />
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>

你的代码错了试试这个

<script type="text/javascript">
    $(function() {
    $( "#dialog" ).dialog({
      autoOpen: true,
      show: {
        effect: "bounce",
        duration: 1000
      },
      hide: {
        effect: "explode",
        duration: 1000
      }
    });
    });
</script>

DEMO

Answer 2

在您的代码中，您使用的是名为dialog的jQueryUI方法。

有必要同时包含jQuery和jQueryUI，并且应该在jQueryUI之前/之前包含对jQuery的引用。

看看原因4：

如果您正在使用jQuery UI库，请确保订单正确。首先需要包含jQuery库的引用和之后的jQuery UI库。

链接： http://jquerybyexample.blogspot.com/2013/01/jquery-is-not-defined-error-reasons.html

Jquery动画弹出框不会显示

2 个答案: