引導材料設計 - 的紋波酥料餅

沒有表現出我使用的引導材料設計：https://fezvrasta.github.io/bootstrap-material-design/bootstrap-elements.html 引導材料設計 - 的紋波酥料餅

按下按鈕時，這包括一個整潔的連鎖反應，而這種作品無處不在我的頁面上除了有顯示器酥料餅的div：沒有在HTML中，但是用javascript顯示給用戶。

HTML：

<a href="#" class="pop" data-id="#popover_div1" data-container="body" data-placement="top" title="Popover title">Click to open popover</a> 
<div id="popover_div1" style="display: none"> 
    <div> 
     <img class="img-rounded" src="img/temp.png" alt="temp" height="25" width="25"/> 
     This is your div content 
    </div> 
    <div> 
     <div class="btn-group"> 
      <a href="javascript:void(0)" class="btn btn-default">5</a> 
      <a href="javascript:void(0)" class="btn btn-default">6</a> 
      <a href="javascript:void(0)" class="btn btn-default">7</a> 
     </div> 
    </div> 
</div>

JS：

$(".pop").popover({ 
    trigger: "manual", 
    html: true, 
    animation:false, 
    content: function() { 
     return $($(this).attr('data-id')).html(); 
    } 
}).on("mouseenter", function() { 
    var _this = this; 
    $(this).popover("show"); 
    $(".popover").on("mouseleave", function() { 
     $(_this).popover('hide'); 
    }); 
}).on("mouseleave", function() { 
    var _this = this; 
    setTimeout(function() { 
     if (!$(".popover:hover").length) { 
      $(_this).popover("hide"); 
     } 
    }, 200); 
});

如果我拿出風格= 「顯示：無」，連鎖反應的作品，但其中包括它使漣漪效應不是爲工作div內的按鈕，真的很奇怪。有沒有什麼辦法讓我保持顯示：沒有（因爲這種方式彈出工作就像我想要的那樣），但仍然對div中的按鈕有漣漪效應？

來源

2015-05-29 JorJor

嘗試在顯示彈出窗口後調用$.material.ripples()。

來源

2015-07-25 18:27:45

引導材料設計 - 的紋波酥料餅

回答

相關問題