对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", hex);

至

$(".xcontainer").css("background", hex);

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

Answer 2

您的选择器将检索不是$(".Controlpanel")的html和body元素，这有点荒谬，因为这种情况一直存在，并且会更改html和body的背景。

您必须选择要更改的元素，而不是html正文。 尝试这个：

$('.xcontainer').css("background", hex);