javascript - 致命的なエラーが発生した理由 / Jquery ロード + PHP GET

Question

私はそのコードを持っています:

$(function(){
    $("#dirr").click(function(){
        $("section[name=files]").load('pages/files.php?' + $.param({dir: 2}););
    });
});

そしてページ上のそのエラー：

Fatal error: Call to a member function prepare() on a non-object in \pages\files.php on line 51

アップデート：

<?
if($_GET['dir'] == ""){
    echo '<form id="dirform" method="POST" action="?f=createdir">
            <label>Create directory:
            <input type="text" id="cdir" name="cdir" required>
            <input type="radio" name="dirpub" id="dirpub" value="1" checked>Public
            <input type="radio" name="dirpub" id="dirpub" value="0">Private
            <input type="submit" value="Create !">
            </label></form>';
    $sth = $pdo->prepare("SELECT * FROM directories WHERE id_dono=:iddono");
    $sth->bindParam(":iddono", $linha["id"]);
    $sth->execute();
    while($row = $sth->fetch(PDO::FETCH_ASSOC)){
        if($row["public"] == 1){
            $status="Public";
        }else{
            $status="Private";
        }
            echo '<div id="dir" class="4u">
        <article class="item"><script>
$(function(){
    $("#dirr").click(function(){
        $("section[name=files]").load(\'pages/files.php?dir='.$row["id"].'#files\');
    });
});
</script>
            <a href="javascript:void(0);" id="dirr" class="image full"><img src="'.$row["icon"].'" alt="" /></a>
            <header>
                <h3>'.$row["name"].' - '.$status.'</h3>
            </header>
        </article>
    </div>'; 
    }
}

まだ完全ではありません。そのリンクが機能する必要があります。私は

$("section[name=files]").load('pages/files.php?' + $.param({dir: 2}););

に：

$("section[name=files]").load(\'pages/files.php?dir='.$row["id"].'#files\');