質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.51%
CSS3

CSS(Cascading Style Sheet)の第3版です。CSS3と略されることが多いです。色やデザインを柔軟に変更することが可能になります。

HTML5

HTML5 (Hyper Text Markup Language、バージョン 5)は、マークアップ言語であるHTMLの第5版です。

JavaScript

JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

jQuery

jQueryは、JavaScriptライブラリのひとつです。 簡単な記述で、JavaScriptコードを実行できるように設計されています。 2006年1月に、ジョン・レシグが発表しました。 jQueryは独特の記述法を用いており、機能のほとんどは「$関数」や「jQueryオブジェクト」のメソッドとして定義されています。

Q&A

解決済

1回答

801閲覧

jQueryのプラグインを組み込むと、Twitterのjsがエラーを返す。

penguin520

総合スコア345

CSS3

CSS(Cascading Style Sheet)の第3版です。CSS3と略されることが多いです。色やデザインを柔軟に変更することが可能になります。

HTML5

HTML5 (Hyper Text Markup Language、バージョン 5)は、マークアップ言語であるHTMLの第5版です。

JavaScript

JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

jQuery

jQueryは、JavaScriptライブラリのひとつです。 簡単な記述で、JavaScriptコードを実行できるように設計されています。 2006年1月に、ジョン・レシグが発表しました。 jQueryは独特の記述法を用いており、機能のほとんどは「$関数」や「jQueryオブジェクト」のメソッドとして定義されています。

0グッド

1クリップ

投稿2018/01/18 07:04

編集2018/01/19 02:30

chromeのconsole

Colorbox を サイトに、組み込もうとしています。しかし、すでにサイトに組み込んであるTwitterのPublishが、エラーを出します。何かご存知の方がいらっしゃれば、教えていただけないでしょうか。

jQueryバージョン https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js

ソースを追記します。どうか、よろしくお願いします。


組み込まれているTwitterのウォジェットhttps://publish.twitter.com/

javascript

1<a class="twitter-timeline" href="https://twitter.com/penguin520?ref_src=twsrc%5Etfw">Tweets by penguin520</a> 2<script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>

 
現在のコード

html

1<!DOCTYPE html> 2<html lang="ja"> 3 4<head> 5<title></title> 6 <meta charset="UTF-8"> 7 <meta name="description" content=""> 8 <meta name="keywords" content=""> 9 <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script> 10 <script src="jquery.colorbox.js"></script> 11 <meta http-equiv="Content-type" content="text/html; charset=UTF-8"> 12 <meta name="viewport" content="width=device-width, user-scalable=yes, maximum-scale=1"> 13 <link rel="stylesheet" href="colorbox.css" /> 14 <link href="style.css" rel="stylesheet" type="text/css" media="screen,print"> 15 16 <script> 17 $(document).ready(function(){ 18 //Examples of how to assign the Colorbox event to elements 19 $(".group1").colorbox({rel:'group1'}); 20 $(".group2").colorbox({rel:'group2', transition:"fade"}); 21 $(".group3").colorbox({rel:'group3', transition:"none", width:"75%", height:"75%"}); 22 $(".group4").colorbox({rel:'group4', slideshow:true}); 23 $(".ajax").colorbox(); 24 $(".youtube").colorbox({iframe:true, innerWidth:640, innerHeight:390}); 25 $(".vimeo").colorbox({iframe:true, innerWidth:500, innerHeight:409}); 26 $(".iframe").colorbox({iframe:true, width:"80%", height:"80%"}); 27 $(".inline").colorbox({inline:true, width:"50%"}); 28 $(".callbacks").colorbox({ 29 onOpen:function(){ alert('onOpen: colorbox is about to open'); }, 30 onLoad:function(){ alert('onLoad: colorbox has started to load the targeted content'); }, 31 onComplete:function(){ alert('onComplete: colorbox has displayed the loaded content'); }, 32 onCleanup:function(){ alert('onCleanup: colorbox has begun the close process'); }, 33 onClosed:function(){ alert('onClosed: colorbox has completely closed'); } 34 }); 35 36 $('.non-retina').colorbox({rel:'group5', transition:'none'}) 37 $('.retina').colorbox({rel:'group5', transition:'none', retinaImage:true, retinaUrl:true}); 38 39 //Example of preserving a JavaScript event for inline calls. 40 $("#click").click(function(){ 41 $('#click').css({"background-color":"#f00", "color":"#fff", "cursor":"inherit"}).text("Open this window again and this message will still be here."); 42 return false; 43 }); 44 }); 45 </script> 46 47</head> 48 49<body> 50 51<main> 52 <div> 53 <p><a class='youtube' href="http://www.youtube.com/embed/9VWtyR87w-g?rel=0&amp;wmode=transparent"><img src="move.png" alt="Youtube"></a></p> 54 </div> 55</main> 56 57<a class="twitter-timeline" href="https://twitter.com/penguin520?ref_src=twsrc%5Etfw">Tweets by penguin520</a> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script> 58 59 60<script type="text/javascript"> 61 62 $(function() { 63 var topBtn = $('#page-top'); 64 topBtn.hide(); 65 $(window).scroll(function () { 66 if ($(this).scrollTop() > 600) { 67 topBtn.fadeIn(); 68 } else { 69 topBtn.fadeOut(); 70 } 71 }); 72 topBtn.click(function () { 73 $('body,html').animate({ 74 scrollTop: 0 75 }, 500); 76 return false; 77 }); 78 }); 79 80 $(document).ready(function() { 81 $("#pop").click(function () { 82 $("#popNav").slideToggle('fast'); 83 }); 84 }); 85 86</script> 87 88</body> 89 90</html>

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

m.ts10806

2018/01/18 07:13

jQueryのバージョン、ウィジェットの情報、組み込もうとしている現在のソースコードをご提示ください。
guest

回答1

0

自己解決

失礼致しました。
ローカル環境であることが原因だったようです。
WEBサーバーにアップロードすると
エラーは返らなくなりました。
お時間をいただき申し訳ありませんでした。

投稿2018/01/19 05:46

penguin520

総合スコア345

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.51%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問