0
私はちょうどFacebookのLike/Sendプラグインを自分のページに追加しました。私は私の開発マシン上のプラグインをQA'dし、すべてが完璧に働いた。ライブウェブサイト（http://www.raveradar.com）にサイトを公開すると、「送信」ボタンに問題が発生し始めました。Facebook送信ボタン - キャンセルボタンが機能しない
「送信」をクリックすると、新しいフォームが開きますが、このフォームの「キャンセル」ボタンがもう機能しなくなるだけです。つまり、キャンセルボタンをクリックすると、フライアウトフォームが消えません。エラーはありません。私はこれがCSSの問題であると考えていますが、混乱しているのは、これがすべてのブラウザのlocalhostで動作していることです。それは私がそれを経験してはいけないCSSの問題だったら？
ご協力いただきまして誠にありがとうございます。
HTMLタグ：
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:fb="http://ogp.me/ns/fb#">
ボディ：
<body onload="LoadRaveRadarMap('<%=ConfigurationManager.AppSettings["bingMapsKey"].ToString() %>');">
<!-- Setup Facebook JavaScript SDK -->
<div id="fb-root"></div>
<script>
window.fbAsyncInit = function() {
FB.init({
appId: '<%=ConfigurationManager.AppSettings["raveRadarAppID"].ToString() %>',
channelUrl: '//ConfigurationManager.AppSettings["raveRadarDomain"].ToString() %>/scripts/channel.html',
status: true,
cookie: true,
xfbml: true
});
};
// Load the SDK Asynchronously
(function (d) {
var js, id = 'facebook-jssdk'; if (d.getElementById(id)) { return; }
js = d.createElement('script'); js.id = id; js.async = true;
js.src = "//connect.facebook.net/en_US/all.js";
d.getElementsByTagName('head')[0].appendChild(js);
} (document));
</script>
<form id="form1" runat="server">
<asp:ScriptManager ID="ScriptManager1" runat="server">
<Services>
<asp:servicereference Path="WcfRaveRadar.svc" />
</Services>
</asp:ScriptManager>
<div id="container">
<!-- Rave Radar Map - The source of all awesomeness! -->
<div id="raveMapContainer" class="raveMap" />
<!-- Facebook 'Like' button -->
<div id="fbLike">
<fb:like ref="top_left" href="<%=ConfigurationManager.AppSettings["raveRadarDomain"].ToString() %>" send="true" layout="button_count" width="129" show_faces="true" font="arial"></fb:like>
</div>
</div>
</form>
ページのCSS（raveRadar.css）：
.raveMap {
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
}
#fbLike {
position: absolute;
top: 35px;
z-index: 1002;
width: 129px;
}
EDIT：
Unsafe JavaScript attempt to access frame with URL http://www.facebook.com/dialog/oauth?api_key=288300704552515&app_id=288300704552515&channel_url=https%3A%2F%2Fs-static.ak.fbcdn.net%2Fconnect%2Fxd_proxy.php%3Fversion%3D3%23cb%3Df148fbcbb4%26origin%3Dhttp%253A%252F%252Flocalhost%253A50280%252Ff14432130c%26relation%3Dparent.parent%26transport%3Dpostmessage&client_id=288300704552515&display=none&domain=localhost&locale=en_US&origin=1&redirect_uri=https%3A%2F%2Fs-static.ak.fbcdn.net%2Fconnect%2Fxd_proxy.php%3Fversion%3D3%23cb%3Df1d2b95ec4%26origin%3Dhttp%253A%252F%252Flocalhost%253A50280%252Ff14432130c%26relation%3Dparent%26transport%3Dpostmessage%26frame%3Df3797f333c&response_type=token%2Csigned_request%2Ccode&sdk=joey from frame with URL http://www.facebook.com/plugins/send_button_form_shell.php?api_key=288300704552515&channel=https%3A%2F%2Fs-static.ak.fbcdn.net%2Fconnect%2Fxd_proxy.php%3Fversion%3D3%23cb%3Df8557776c%26origin%3Dhttp%253A%252F%252Flocalhost%253A50280%252Ff14432130c%26relation%3Dparent.parent%26transport%3Dpostmessage&controllerID=ut2r33_4&error=&extended_social_context=false&locale=en_US&nodeRef=top_left&nodeURL=http%3A%2F%2Fwww.raveradar.com%2F&sdk=joey. Domains, protocols and ports must match.
私は」： クロームコンソールを検査した後、私は、 "キャンセル" ボタンをクリックしたときにエラーががスローされていることがわかります私の開発マシンと私のライブウェブサイトの両方でこのエラーが発生しました。私はちょうど私のlocalhost上で動作するが、私のサーバー上で動作していない理解できない。回避策はありますか？
ブラウザに送信されるHTMLは何ですか？ – DMCS
私は追いついていない、あなたはもっと具体的になるだろうか？ –
ウェブブラウザに表示されているもののVIEW SOURCEも投稿してください。上のあなたの質問で私が見るのはサーバサイドのコードだけです。 – DMCS