如何使用jquery mobile从移动设备中选择图像并将其设置为背景图像？答案

【问题标题】：How to select an image from mobile device and set it as the background image, using jquery mobile?如何使用jquery mobile从移动设备中选择图像并将其设置为背景图像？
【发布时间】：2013-03-07 06:02:37
【问题描述】：

我正在创建一个基于全日历功能的移动应用程序。我需要为该日历页面设置背景图像，并且可以由用户手动选择。你能帮我吗？提前致谢。

【问题讨论】：

标签： jquery css jquery-mobile fullcalendar

【解决方案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)) 或使用按钮、链接....

【讨论】：