GWT CSS語法無法正常工作

在GWT教程頁面here中，它清楚地表明在頁面底部附近用戶不受限於類型安全聲明，他也可以使用jQuery語法。我有一個在我的GWT中定義的文本框，我通過setStyleName方法生成了一個類foo。之後，當我嘗試附上以下樣式：GWT CSS語法無法正常工作

$(".foo").css($$("border: 1px solid #aaaaaa; border-radius: 5px; font-size: 80%; padding: 6px 3px 4px 3px; text-align: center;\r\n" + 
      " -moz-transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;\r\n" + 
      " box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset; background: #f1f1f1; margin: 20px 50px;"));

它根本不起作用，我只是得到一個平淡無奇的文本框。但是，當我在CSS文件中定義樣式時，樣式應用得非常好。這裏有什麼問題？

來源

2013-01-18 SexyBeast

完美添加了gQuery jars？ –

是的，一切工作正常保存此。 – SexyBeast

你確定.class沒有被gwt改成看起來像XFEAFSF（隨機名）的東西嗎？ – David

如果您在啓動jquery調用時確定該元素存在於DOM中，請嘗試一個簡單的例子，並確保您的語法正確。

$(".foo").css($$("border: 1px solid #aaaaaa; background-color: #ffe;"));

來源

2013-06-17 20:49:47 fatkid

你更好地刪除這個答案，否則它會被贊成票倒下。你在談論jQuery。 GWTQuery類似，但在Java中，它完全不同。這個例子是一個JS例子，它將在GWT中完全失敗！ – SexyBeast

用gquery語法更新。要驗證的重要一點是gquery調用發生在元素在dom中並且類名被設置之後。無論如何，祝你好運。 – fatkid

GWT CSS語法無法正常工作

回答

相關問題