jquery - How to select an image from mobile device and set it as the background image, using jquery mobile?

Question

I am creating a mobile application based on fullcalendar feature. i need to set the background image for that calendar page and which can be chosen by the user manually.Can you help me? Thanks in Advance.

Answer 1

所以这不是一个“fullcalendar”主题，我建议使用 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)) 或使用按钮、链接....