EDIT: Я уже пробовал removeAttr, addClass, removeClass, изменяя непрозрачность ... В основном обычные сценарии jQuery для изменения встроенного CSS НЕ РАБОТАЮТ здесь!jQuery для изменения встроенного CSS элемента внутри DOM
Сайт находится в http://thehungrygeek.com
К сожалению фона устанавливается с помощью! Важно встроенным CSS элемента, расположенный внутри DOM.
Встроенный CSS элемент кода выглядит следующим образом:
<div class="shareaholic-share-button-container" ng-click="sb.click()" style="color:#000000 !important;
background:#fafafa !important; // the purpose is to remove this line
opacity: 1.00 !important;">
<span class="share-button-counter ng-binding" style="color:#000000 !important;
background:#fafafa !important; // and this line
opacity: 1.00 !important;">0</span>
<div class="share-button-sizing" ng-style="config.customColorsEnabled && config.appName === 'floated_share_buttons' ? config.customColors : {}" style="color: rgb(0, 0, 0); opacity: 1; background: rgb(250, 250, 250);">
<i class="shareaholic-service-icon service-facebook" ng-style="config.customColorsEnabled ? config.customColors : {}" style="color: rgb(0, 0, 0); opacity: 1; background: rgb(250, 250, 250);"></i>
<span class="share-button-verb ng-binding" style="color:#000000 !important">
<b class="ng-binding">Share</b>
</span>
</div>
</div>
Этот код не может рассматриваться с «источником зрения», но вы увидите, если вы проверяете кнопки акции как на изображении выше. Элемент находится внутри DOM.
элемент, вероятно, вызывается этой строки в HTML-коде:
<script type='text/javascript' src='//dsms0mj1bbhn4.cloudfront.net/assets/pub/shareaholic.js' data-shr-siteid='82ff342d6c171e823bc5c49c19bf1b59' data-cfasync='false' async='async'>
</script>
Есть ли способ использовать JQuery изменить встроенный CSS элемента внутри DOM?
До сих пор обычные JQuery .css() не работает, я пробовал:
<script type="text/javascript">
jQuery(window).ready(function(){
jQuery(".shareaholic-share-button-container").css("background", "rgba(0,0,0,0)");
jQuery(".share-button-counter").css("background", "rgba(0,0,0,0)");
});
</script>
Я также попытался removeAttr, addClass, removeClass, изменяя непрозрачность ...
И много других подобных итераций обычного кода. Я также пробовал предложения, найденные по адресу How to override css containing '!important' using jquery?
В основном обычные сценарии jQuery для изменения встроенного CSS НЕ РАБОТАЮТ здесь!
Проблема заключается в использовании jQuery для таргетинга на элемент внутри DOM. Есть ли способ сделать это?
Заранее спасибо :)
ваша страница имеет Jquery неопределенную ошибку. –
Вы не можете сделать это прямо в AngularJS? Почему вы хотите использовать jQuery? Если у вас нет доступа к DOM, попробуйте 'document.querySelector().style = ''; ' – Hitmands
Потому что я не могу изменить встроенный CSS, вставленный плагином. Не могли бы вы рассказать об этом решении? Не знаю, как это реализовать –