全球示波器自舉popover

是否可以創建一個單獨的引導popover並能夠在任何元素點擊它時調用它？全球示波器自舉popover

我正在製作一個列表來跟蹤網站上的任何錯誤，目標是當按下刪除錯誤按鈕時，彈出窗口會出現一個文本框，並要求您輸入解決方案來解決錯誤。

我知道我可以用模式做到這一點，並填充相應的字段，並在整個頁面上共享一個模式。但我發現它們很突兀，我不太喜歡它們。並與popovers我不知道如何做一個單一的事例。我對此沒有任何好運，因爲標記基本上與觸發它的鏈接配對。

2014-09-26 173901

容易做到。你可以將一個函數傳遞給popover的內容。這個功能對於所有的pop pop都很常見。

點擊下面的按鈕來運行代碼。

$(function() { 
 

 
    $('.btn').popover({ 
 
    content: function() { 
 
     // do anything you want here. 
 
     
 
     $('.btn').popover('hide'); 
 

 
     return 'this appears for all the popovers! The button you clicked said: "' + $(this).html() + '"'; 
 
    } 
 
    }); 
 
});

<link href="http://netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css" rel="stylesheet" /> 
 

 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<script src="http://netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script> 
 

 
<p><a href="#" class="btn btn-primary">click me</a> 
 
</p> 
 
<p><a href="#" class="btn btn-primary">or click me</a> 
 
</p> 
 
<p><a href="#" class="btn btn-primary">or even click me</a> 
 
</p>

來源

2014-09-27 05:04:55 manishie

全球示波器自舉popover

回答

相關問題