嵌入在Drupal頁面中的jQuery代碼將其css覆蓋

我開發了一個完全包含在其自己的div中的簡單js/jQuery web應用程序，該應用程序意味着在Drupal頁面上。 Drupal頁面只包含html，它載入jQuery庫，加載我的JavaScript文件，併爲我的代碼創建的動態元素設置div。嵌入在Drupal頁面中的jQuery代碼將其css覆蓋

<html> 
<head> 
<script ...load jquery from google cdn</script> 
<script ...load my javascript</script> 
</head> 
<body> 
<div id='my_div'></div> 
</body> 
</html>

代碼執行得很好，除了改變CSS的行。 Drupal主題將所有輸入div設置爲我嘗試更改的奇怪顏色。我不允許整體更改Drupal主題。呼叫如

$("input").css("border", "3px solid red");

不改變任何東西（所有這些調用都在.ready（）函數中）。

有沒有人熟悉Drupal和jQuery，可以告訴我如何在此頁面上重寫某些Drupal CSS規則？

來源

2013-03-22 David

那麼我沒有看到任何輸入標籤... – 2013-03-22 19:40:41

所有輸入標籤都是由腳本動態創建的。在.ready（）我的代碼將輸入標籤附加到#my_div – David 2013-03-22 19:46:47

您是否有示例css並生成html？或者是一個正在工作的jsfiddle。這真的有助於看到確切的問題。 – Willem 2013-03-22 19:53:21

$("input").css("border", "3px solid red !important");

也許吧？

更新：顯然這是不可能的。 How to apply !important using .css()?

來源

2013-03-22 19:42:07

我想Drupal使用!important來否決jQuery應用的CSS。如果使用類應用該css，則可以使用jquery的removeClass()刪除這些樣式。你的示例代碼缺少細節，看看是否有幫助。

來源

2013-03-22 19:49:47 Willem

我嘗試了$（「input」）。removeClass（「search-form」）以及$（「＃csv_download」）。removeClass（「search-form」）但似乎都不起作用。儘管感謝您的回答。 – David 2013-03-22 20:23:09

嵌入在Drupal頁面中的jQuery代碼將其css覆蓋

回答

相關問題