Question

通常のイメージの代わりにMaterialize Carouselメソッドで、Iframeを挿入してスライドにWebリンクを埋め込みました。 Iframeを挿入すると、クリックしてスライドを切り替えることができません。

カルーセル方式：

<div class="carousel"> 
    <a class="carousel-item"> <iframe style=' max-height: 700px; max-width: 420px; width: 340px; height: 566px;' src='http://www.website.com' frameborder='0' allowfullscreen scrolling='no'></iframe></a> 
    <a class="carousel-item"> <iframe style=' max-height: 700px; max-width: 420px; width: 340px; height: 566px;' src='http://www.website.com' frameborder='0' allowfullscreen scrolling='no'></iframe></a> 
    <a class="carousel-item"> <iframe style=' max-height: 700px; max-width: 420px; width: 340px; height: 566px;' src='http://www.website.com' frameborder='0' allowfullscreen scrolling='no'></iframe></a> 
    <a class="carousel-item"> <iframe style=' max-height: 700px; max-width: 420px; width: 340px; height: 566px;' src='http://www.website.com' frameborder='0' allowfullscreen scrolling='no'></iframe></a> 
</div> 

非アクティブなスライドがクリック可能ではありません。クリックすると、起動されません。

pointer-events: none; 

をiframeの上のクリックイベントを無効にする： は親切に私を追加し、IFRAMEのstyle属性では、溶液

Answer 1

を見つけるのに役立ちます。これにより、クリックイベントがMaterializer Carouselプラグインに正しくバブリングされるようになります。