2015-12-23 50 views
0

我試圖做一個網站,使用解析。我的Java腳本將在下面顯示。 js已鏈接,並且我已確保在html中包含解析不工作在jQuery

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

。我的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不會改變,當我懸停,所以我假設解析崩潰。任何想法如何解決這個問題,我做錯了什麼?

感謝

+1

您是否檢查過瀏覽器控制檯的錯誤? – Pointy

+0

請把你的代碼或jsFiddle放在一起,並提到你的代碼在哪裏有困難。 – SoluableNonagon

回答

2

當您使用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"); 
    }, 

總是檢查您的瀏覽器控制檯是否有錯誤

+0

感謝您對控制檯的建議!原來,這是解析庫,如果你注意到前面有兩個斜線hahaha。 @RaunakKathuria –

+0

@VishnuMurale雙斜槓是好的,它意味着自動採取'http','https'取決於你正在加載的域,但它會失敗,當你嘗試在本地加載它,這就是爲什麼我添加了http測試 –