PHPとjQueryとヒアドキュメントの組み合わせでスクリプトが動作しませんでした。

解決済

質問者：makoto_7171
質問日時：2015/06/25 12:20
回答数：1件

HTMLとjQueryで構成したファイル（.html）上では動作をしていたフリック処理について

PHPへの焼き直しが発生したので、PHPに対してヒアドキュメントを使用してHTMLソースを出力しました。

この際、ヒアドキュメントではJavaScript側の＄を意識して、<<<'EOF'として書きました。
しかし、スクリプトが動作をしない状態です。

HTMLでは動作をしていたのでjQuery側のコーディングは問題はないと思っています。

エラーを探しましたが、PHP側のエラーログには何も出力されませんでした。
（正しく言うと、最初EOFで行っていたら、当然ですが変数が初期化されていないというエラーがあったので'EOF'に変更した経緯はあります）

こちらにソースを展開します。

<?php

print<<<'EOF'
<!DOCTYPE HTML>
<html lang="ja">
<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="Content-Style-Type" content="text/css">
<meta http-equiv="Content-Script-Type" content="text/javascript">
<meta name="description" content="">
<meta name="keywords" content="">
<meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
<title>○○○○</title>


<script src="js/main.js"></script>
<script src="js/jquery-2.1.4.min.js"></script>
<script src="js/flipsnap.min.js"></script>

<script>
$(function(){
var $win = $(window),
$viewport = $(".viewport"),
$flipsnap = $(".flipsnap"),
$item = $(".item")

function initialize(){
var fs = Flipsnap( $flipsnap.get(0) );
$flipsnap.data("fs", fs);
$win.bind("resize", function(){
refresh();
}).trigger("resize");
}

function refresh(){
$viewport.css("width", "100%");
var w = $viewport.width();
$item.width( w );
var fs = $flipsnap.data("fs");
fs.distance = w;
fs.refresh();

}
initialize();
});
</script>



<link rel="stylesheet" href="css/style.css" type="text/css" media="all">

</script>

・・・・HTMLソースの最後
EOF;
?>

何が原因なのかこちらも不明なので、有識者の方々のご協力・ご指導をお願いします。