javascript - 为 1 个 div 执行 JQuery 函数

Question

我做了一些控件来编辑加载到应用程序中的特定页面的背景颜色、字体等。

现在，例如，当我更改背景颜色时，整个页面都会变成那种颜色。

当然，我不希望我的控制面板(左右)也发生变化。

整个页面构建为一个 html 表格，在中间列中，是一个 div，它是我要编辑的页面。

中间div代码:

<td style = " vertical-align:top" ><% if (Model != null && Model.PublicationID != 0)
       {
           Html.RenderPartial("TopBar", Model); %>
    <div class="xcontainer">

        <% foreach (QuartzNew.Models.Edition e in Model.Editions)
           {
               if (e != null)
               {
                   Model.SelectedEdition = e;
                   Html.RenderPartial("GridCell", Model); // If SingleIssueShopLayout="Grid" else Html.RenderPartial("SearchResult", Model);
               }
           }
        %>
        <% } %>
    </div>
    </td>

我要执行的 Jquery 函数:

               $('#page-properties-BGcolor-Colorpicker').miniColors({
                   change: function (hex) {
                       $('#page-properties-BGcolor-Colorpicker').val(hex)
                       $("html, body").not($(".Controlpanel")).css("background", hex);
                       //                    fillPageValues()
                   }
               });

Answer 1

你试过简单地改变:

$("html, body").not($(".Controlpanel")).css("background", 十六进制);

到

$(".xcontainer").css("背景", 十六进制);

目前您的论点范围可能不够具体，无法简单地隔离您希望定位的元素。