Question

我试图建立一个使用解析的网站。我的java脚本将在下面显示。 js是链接的，我确保包括

   <script src="//www.parsecdn.com/js/parse-1.6.12.min.js"></script>

在html中。我的js：

$(document).ready(function() {

  Parse.initialize("assumeisright", "assumeisright");

  var TestObject = Parse.Object.extend("TestObject");
  var testObject = new TestObject();
  testObject.save({
    foo: "bar"
  }).then(function(object) {
    alert("yay! it worked cash muni");
  });

  $("div").hover(
    function() {
      $(this).addClass("active");
    },
    function() {
      $(this).removeClass("active");
    }
  );

  Parse.Push.send({
    channels: ["Everyone"],
    data: {
      alert: "First Push"
    }
  }, {
    success: function() {
      // Push was successful
    },
    error: function(error) {
      // Handle error
    }
  });

});

这不起作用，因为在我的html中，当我悬停时我的div没有改变，所以我假设Parse崩溃了。关于如何解决这个问题的任何想法，我做错了吗？

由于

Answer 1

当您使用jquery时，您也需要导入该库，因此最终代码将是这样的

<!doctype html>
<html>
<head>
    <style>
    </style>
    <script src="http://www.parsecdn.com/js/parse-1.6.12.min.js"></script>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
    <script>
        $(document).ready(function() {
            Parse.initialize("assumeisright", "assumeisright");

            var TestObject = Parse.Object.extend("TestObject");
            var testObject = new TestObject();
            testObject.save({
                foo: "bar"
            }).then(function(object) {
                alert("yay! it worked cash muni");
            });

            $("div").hover(
                function() {
                    console.log('add');
                    $(this).addClass("active");
                },
                function() {
                    $(this).removeClass("active");
                }
            );

            Parse.Push.send({
                channels: ["Everyone"],
                data: {
                    alert: "First Push"
                }
            }, {
                success: function() {
                    // Push was successful
                },
                error: function(error) {
                    // Handle error
                }
            });
        });
    </script>
</head>

<body>
    <div>
        <p>Hello</p>
    </div>
</body>

</html>

在hover我已添加console.log('add')以测试悬停是否正常工作，当您将鼠标悬停在add

时会输出div

   $("div").hover(
    function() {
        console.log('add');
        $(this).addClass("active");
    },

请务必检查浏览器控制台是否有错误

解析不能在jQuery中工作

1 个答案: