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)) 或使用按钮、链接....