-1
コンテンツをスライドパネルに動的に読み込む方法はありますか?スライドパネルで内容を動的に読み込む方法を知りたい
たとえば、スライドパネルを切り替えたときにニュースにコンテンツを読み込み、スクロールしたときにコンテンツを動的に読み込む必要があります。
スライドパネルの例は、http://jsfiddle.net/xpp5sgg8/2/です。したがって、パネルを切り替えると内容が表示されます。
HTML:
<div class="sidebar">
<div class="toggle"></div>
</div>
のjQuery:
$('.toggle').on('click', function() {
$('.sidebar').toggleClass("sidebar-collapsed");
});
CSS:
.sidebar, .toggle {
transition:all .5s ease-in-out;
-webkit-transition:all .5s ease-in-out;
}
.sidebar {
background:lightgrey;
width:200px;
height:100vh;
position:absolute;
top:0;
left:0;
}
.toggle {
position:absolute;
right:5px;
top:5px;
width:30px;
height:30px;
background:black;
}
.sidebar-collapsed {
transform:translateX(-100%);
-webkit-transform:translateX(-100%);
}
.sidebar-collapsed .toggle {
right:-5px;
transform:translateX(100%);
-webkit-transform:translateX(100%);
}
AJAXを使用して、コンテンツをサイトに動的に読み込むことができます。あなたが検索した場合、それを行う方法をすでにカバーしている多くの質問があります。 –
スタックオーバーフローへようこそ。 [質問の仕方](http://stackoverflow.com/help/how-to-ask)と[mcve]の提供をお読みください。 – Shaggy
[Load a Slider of ajax loaded content]の重複の可能性あり(http://stackoverflow.com/questions/12885655/load-slider-on-ajax-loaded-content) – orvi