twitter引導彈出與導軌

目前似乎不適合我的作品。我使用的其他功能嘰嘰喳喳的自舉寶石成功（如旋轉木馬），並且可以看到提示和popovers在頁面的源加載：twitter引導彈出與導軌

<script src="/assets/bootstrap-tooltip.js?body=1" type="text/javascript"></script> 
<script src="/assets/bootstrap-popover.js?body=1" type="text/javascript"></script>

這裏是我的javascript（我放在應用.js文件）

$(function() { 
    $('.popover-test').popover({ html : true }); 
});

這是我的東西，在我看來：

<%= link_to('Popover test', '#', :class => "popover-test", :title => "This is a test", "data-content" => "<b>hello popover world</b>") %>

任何幫助將不勝感激，謝謝！

來源

2012-07-13 user749798

試試這個標記：

<%= link_to('Popover test', '#', :class => "popover-test", :rel => "popover", :title => "This is a test", :"data-content" => "<b>hello popover world</b>") %>

你只是缺少：相對價值，以及「數據內容」應該是一個符號。

來源

2012-07-13 16:46:16 wisew

嗯......似乎沒有工作出於某種原因。我仍然只是得到「這是一個測試」alt文本來顯示，它不是在popover的外觀。 – user749798 2012-07-13 19:05:34

嘗試刪除'html：true'選項（所以它應該讀取'$（'。popover-test'）。popover（）;'） - 我不太確定那個選項是什麼，因爲它不在文檔中，但它不應該是必要的。此外，請確保您的佈局中包含引導轉換，以便彈出窗口會淡入淡出。 – wisew 2012-07-17 16:37:43

你有工作嗎？如果沒有，什麼wisew說是正確的，但是，他有一個小錯字 - >周圍去掉引號「數據內容」：

<%= link_to('Popover test', '#', :class => "popover-test", :rel => "popover", :title => "This is a test", :data-content => "<b>hello popover world</b>") %>

看看，做它

來源

2012-07-24 10:41:06 purplerice

'：由於連字符'data-content'不是一個有效的符號 - 它需要用引號：'：'data-symbol''。 – BaronVonBraun 2012-07-24 13:07:21

你沒有初始化的酥料餅。嘗試：

$(function() { 
    $('.popover-test').popover({ 
    html : true 
    }).popover('show'); 
});

注意.popover('show')

我也建議服用內容的邏輯出你的HTML讓你的最終結果是這樣的：

$(function() { 
    $('.popover-test').popover({ 
    html : true, 
    title: "This is a test", 
    content: "<b>hello popover world</b>" 
    }).popover('show'); 
});

...更清潔

來源

2012-12-28 02:57:01 vladiim

twitter引導彈出與導軌

回答

相關問題