jquery - jquery mobileを使用して、モバイルデバイスから画像を選択し、それを背景画像として設定するにはどうすればよいですか？

Question

フルカレンダー機能をベースにしたモバイルアプリケーションを作成しています。そのカレンダーページの背景画像を設定する必要があり、ユーザーが手動で選択できます。手伝ってもらえますか？前もって感謝します。

Answer 1

したがって、これは「フルカレンダー」のトピックではありません.jQueryを使用したcssソリューションを提案します-とにかく含めました.

ドキュメントに基づいて、フルカレンダーのターゲットがあります

<div id='calendar'></div>

背景選択リスト

<h2>Choose Background :</h2>
<ul id="calendar-background">
    <li data-color="yellow">Yellow</li>
    <li data-color="red">Red</li>
    <li data-color="green">Green</li>
</ul>

次のように jQuery イベントを使用します。

jQuery("#calendar-background li").click(function(){      
    // current li
    var li = jQuery(this);
    // target color
    var color = li.data("color");
    // put color to fullcalendar
    jQuery("#calendar").css("background-color", color);
});

この例を必要に応じて簡単に変更できます。たとえば、背景画像 (background-image:url(yellow.gif)) を変更したり、ボタンやリンクを使用したりできます。