自分のCSSを使ってiframe
のdivのクラスを修正しようとしていて、Twitterブロックを変更しようとしています。 Drupal 8の外観。しかし、私は$ is not a function
など多くのエラーに直面していました。私はjs
が(私のjquery.js
の前に)あまりにも速く読み込まれたと思っていましたが、要素を調べて、すべてがうまくいくはずです。 (エラーなしは今)drupal twitterブロックのスタイルを設定するには?
HTML
<iframe id="twitter-widget-0" class="twetter-timeline" >
<html>
<head></head>
<body>
<div class="timeline-Viewport">
<ol class="timeline-TweetList">
<li></li>
</ol>
</div>
</body>
</html>
</iframe>
注:私はそれは私自身のコードではありませんiframe
上のコントロールを持っていません。
JS
(function ($, Drupal, drupalSettings) {
Drupal.behaviors.yourbehavior = {
attach: function (context, settings) {
$('iframe').load(function() {
$('#twitter-wwidget-0').contents().find("body")
.append($("<style type='text/css'> .timeline-Widget{color:red;} </style>"));
});
}
};
})(jQuery, Drupal, drupalSettings);
エラーなしそれが...動作しませんので、私は私が間違ってやっているのか分かりません。
更新: このコードも試しましたが、うまくいきませんでした。
(function($) {
$(document).ready(function() {
console.log('hello');
$('#twitter-widget-0').css('width', '100px');
});
}(jQuery));
iframeのコンテンツは、あなたのドメインやTwitterのものですか? https://en.wikipedia.org/wiki/Same-origin_policy – ceejayoz
ちょっと@ceejayozそれは私のドメインにあります。尋ねるためのお天気 –
@ceejayozどのアイデア= /? –