Wickets没有拿起CSS

Wickets没有拿起CSS,wicket,Wicket,我使用的是来自的Wicket JQuery UI项目。我已经成功创建了一个可排序解决方案,它允许我在2个以上的可排序列表上使用JQuery中的connectWith功能。我想通过使用JQuery占位符选项来扩展这个解决方案,以显示将删除排序表的位置。我可以在生成的javascript中看到占位符选项,但我在占位符选项中输入的CSS类似乎没有正确应用 我甚至在wicket:head标签中添加了CSS,但这仍然没有得到重视。但是,如果我在IE11中调试页面并手动将样式添加到DOM Explorer样

我使用的是来自的Wicket JQuery UI项目。我已经成功创建了一个可排序解决方案,它允许我在2个以上的可排序列表上使用JQuery中的connectWith功能。我想通过使用JQuery占位符选项来扩展这个解决方案,以显示将删除排序表的位置。我可以在生成的javascript中看到占位符选项,但我在占位符选项中输入的CSS类似乎没有正确应用

我甚至在wicket:head标签中添加了CSS,但这仍然没有得到重视。但是,如果我在IE11中调试页面并手动将样式添加到DOM Explorer样式选项卡,占位符或多或少会响应JQuery示例在这里的工作方式

这告诉我,该选项正在工作,但CSS没有被拾取。我错过了什么

谢谢

编辑:第一行是在我的类中设置jquery选项。第二行显示占位符选项是Wicket javascript输出中设置的最后一个选项。我还添加了占位符所指的CSS,并显示CSS已正确添加到Wicket应用程序中

//sets the JQuery option. Used to also setup the connectWith and forcePlaceholderSize properties.
this.options.set( "placeholder", Options.asString( "itemPlaceholder" ) );

//Wicket Javascript output
jQuery('#crewOrder20').sortable({ "receive": function (event,ui) {var attrs = {"u":"./dashboard?0-1.IBehaviorListener.1-dashboardPanel-webMarkupContainer-crewSchedules-0-crewSchedule-box-boxBody-availability-0-crewOrder","c":"crewOrder20"};var params = [{"name":"hash","value":ui.item.data('hash')},{"name":"index","value":ui.item.index()}]; attrs.ep = params.concat(attrs.ep || []); Wicket.Ajax.ajax(attrs); } , "connectWith": "list of sortables", "forcePlaceholderSize": "true", "update": function (event,ui) { var attrs = {"u":"./dashboard?0-1.IBehaviorListener.0-dashboardPanel-webMarkupContainer-crewSchedules-0-crewSchedule-box-boxBody-availability-0-crewOrder","c":"crewOrder20"}; var params = [{"name":"hash","value":ui.item.data('hash')},{"name":"index","value":ui.item.index()}]; attrs.ep = params.concat(attrs.ep || []); Wicket.Ajax.ajax(attrs); } , "placeholder": "itemPlaceholder" });;

//CSS
.itemPlaceholder{ 
height: 1.5em; 
line-height: 1.2em; 
backaground: yellow;
}

下面是一个示例,它显示了应该工作的功能

编辑:进一步编辑。我已经确认CSS正在应用于我通过Wicket设置的其他类属性

//this correctly applys the dispatch CSS to this label
label.add( AttributeModifier.append( "class", "dispatch" ) );

使CSS规则更加具体,例如,
body div.itemPlaceholder{..}
。jQueryUICSS文件在css片段之后加载并覆盖它

请给我们看一些代码。如果没有任何代码,很难判断缺少了什么。还添加了一些它应该如何工作的技巧。尝试使CSS规则更具体,例如
body div itemPlaceholder{..}
。也许jQueryUICSS文件是在您的css片段之后加载的,并覆盖它。就是这样。有些内容正在覆盖该类(在创建itemPlaceholder类时不确定),或者我只需要指定该类的确切使用位置。如果您想为这个问题创建一个答案,我会将其标记为正确。
//this correctly applys the dispatch CSS to this label
label.add( AttributeModifier.append( "class", "dispatch" ) );