2013-10-27 65 views
0

只是似乎無法得到這個工具提示,顯示任何想法,我哪裏出錯了,CSS是工作,但不是工具提示?jQuery Rails和tootip沒有顯示

$(document).ready(function() { 
    $('#mc_embed_signup').on('ajax:error', function() { 
     var $inputField = $(this).find('input[name="email"]') 
     $inputField.addClass('error_field'); 
     $inputField.tooltip({ 
     position: "center right", 
     offset: [-2, 10], 
     effect: "fade", 
     opacity: 0.7, 
     content: "This email is all ready registered" 
     }); 
    }); 
}); 
+0

使用您最喜愛的瀏覽器的JavaScript調試器。在事件處理程序中設置一個斷點並檢查你的處理程序是否被調用。同時檢查javascript控制檯是否有錯誤。 – Meier

+0

爲了防止其他人遇到同樣的問題,第二次調用'tooltip('show')'並將'content'改爲'title:',似乎文檔並不那麼清晰,因爲人們會認爲第一次調用會做這項工作。 – Rhys

回答

0

萬一別人有固定的第二個電話同樣的問題到工具欄中(「秀」)和改變的內容標題:看來文檔是不是清楚正如人們所假設的拳頭調用將做這項工作。

$(document).ready(function() { 
$('#mc_embed_signup').on('ajax:error', function() { 
    var $inputField = $(this).find('input[name="email"]') 
    $inputField.addClass('error_field'); 
    $inputField.tooltip({ 
    position: "center right", 
    offset: [-2, 10], 
    effect: "fade", 
    opacity: 0.7, 
    title: "This email is all ready registered" 
    }); 
    $inputField.tooltip('show'); 
}); 

});