2015-02-23 72 views
0

我正在使用jQuery droppable,並且我試圖在draggable元素被刪除後重定向到另一個頁面。jQuery droppable重定向

這裏是我的代碼:

<script>  
     $(function() { 
     $("#draggable").draggable(); 

     $("#droppable").droppable({ 

      drop: function(event, ui) { 

      window.location.href = 'Section8.php'; 
      } 

     });  
     });  
    </script> 


<div id="draggable" class="ui-widget-content"> 
</div>  

<div id="droppable" class="ui-widget-header"> 
</div> 

出於某種原因,這並不做任何事情,任何人都知道這是爲什麼?

+0

你試過這個'window.location ='Section8.php''嗎? – Bellash 2015-02-23 14:34:48

+0

我做了一個小提琴http://jsfiddle.net/ecropolis/4k3jbgy9/1/它工作得很好。我建議將事件記錄到console.log(),以便確保放置事件正在觸發。也只是爲了確保你知道; draggable/droppable是jqueryUI的一部分。確保這些組件在您的構建以及任何依賴關係中。 – Ecropolis 2015-02-23 14:38:45

回答

0

您需要使用window.location= 'Section8.php'而不是window.location.href= ... window.location.href屬性返回當前頁面的URL。

+0

'window.location ='Section8.php''不起作用,實際上如果在這種情況下觸發,則不會發生任何事件 – user3574492 2015-02-23 14:47:26

+0

我認爲它是'document.location.href'或'window.document.location.href'。 – Uri 2015-02-23 14:57:38

+0

@ user3574492你可以在你的問題中粘貼你的網頁嗎?看起來你可以使用droppable而不是重定向函數。只需粘貼你的代碼,我就會檢查到底是什麼錯誤 – Bellash 2015-02-23 19:31:49