0

可以在回复中看到正确的工作代码。最终结果：http ://www.creativewebgroup.co.uk/library/colorshareV2/palette/Android

我正在尝试制作调色板脚本。

我有这个 jQuery 脚本：

<script>
//document ready
$(document).ready(function () {
$('.palette-detail li').each(function () {
    $(this).html('<input type="text" style="background: #' + $(this).attr('swatch') +    '" />' );
});
$('.palette-detail').click(function (e) {
    var elem = e.target;
    if ($(elem).is('input')) {
        $(elem).val($(elem).parent().attr('swatch'));       
    }
   });
});

这是使用的 HTML 的基本概念（在脚本中，但它是 PHP 驱动的）。

<ul class="palette">
<li swatch="#FFFFFF">
<li swatch="#FFFFFF">
<li swatch="#FFFFFF">
<li swatch="#FFFFFF">
<li swatch="#FFFFFF">
<span><a href="palette/URL">Title</a></span>
</ul>

目前，该脚本要求用户单击li 块以显示十六进制代码。我希望它立即显示。

这可能吗？如果有怎么办？

谢谢一群人！

4

1 回答 1

1

HTML

<ul class="palette">
<li swatch="#4362ff">
<li swatch="#ee3d5f">
<li swatch="#FFFFFF">
<li swatch="#FFFFFF">
<li swatch="#FFFFFF">

</ul><span><a href="palette/URL">Title</a></span>

jQuery

     //document ready
$(document).ready(function () {
    $('.palette li').each(function () {
        $(this).html('<input value='+$(this).attr("swatch")+' type="text" style="background: ' + $(this).attr('swatch') + '" />');
    });
});

小提琴

代码中有很多错误。您没有为 UL 选择正确的等级。元素也UL不能包含span元素。

同样使用检查元素会显示代码执行它告诉它的操作并将## 放在颜色的前面。

于 2013-06-08T13:33:06.867 回答