如何用JQuery UI對話框替換Rails 3中的默認對話框？

Question

我們是一家正在開發應用程序的初創公司，我們使用Rails 3和JQuery作爲我們的技術。 我們需要幫助以用JQuery UI對話框替換rails.ujs中的默認確認對話框。

Answer 1

這當然需要一些不是「開箱即用」的工作。你必須瞭解你所要求的基礎知識。

首先，你點擊一個鏈接:confirm => "Are you sure?"，它將data-confirm屬性添加到你的html標籤。然後，您有一個事件監聽器綁定在所有具有data-confirm屬性的元素上，並且只是執行屬性值（「您確定嗎？」）的confirm。如果用戶點擊是，則什麼都不會發生，這意味着鏈接被遵循。如果用戶點擊取消，則該事件被取消，並且鏈接不被遵守。

你想要做的就是打破這種行爲。你想存儲任何被調用的動作，取消當前事件。然後，使用jquery對話框，並根據用戶的選擇，再次調用該操作或不執行任何操作。

你不能簡單地用jquery對話框替換confirm，因爲瀏覽器不會等待jquery對話框的回答，就像它爲confirm框所做的那樣。

希望能幫助你理解你將要實施的基本原則。