誰もが私の最初の質問のような短い仕事をしました、今私は別の問題に困惑しています。
これは主に私が疑っているjQueryの問題ですが、一部のMySQL変数に従ってエコーされているため、非常に混乱しています。ここからjQueryUIが推奨されていることがわかりましたが、この特定のコードはまったく機能していません。
ソースを見るだけで、この例からPHPとMySQLをできるだけ多く取得しようとしました。変数は正しく機能しているようです。
次の例では、IDがres10のDIVをID100019のSPANの真上に移動しようとしています。jQueryUIスクリプトが読み込まれるように設定されています。タグは、
2つの別々の場所にあることを示すためだけにあります。これが機能すると、SPANはほぼどこにでも配置できるようになります。
<script language="javascript">
$(function() {
$("#res10").position({
my: "left top",
at: "left bottom",
of: $("#100019"), //I also tried just "#100019" and that didn't work.
collision: "fit"
})
});
</script>
<span id="151520"> [a spacer gif, but nothing else] </span>
<br /><br />
<div class="resContainer res10" id="res10">Information and Such</div>
resContainerクラスのCSSは、デフォルトのposition:属性でさえも、オブジェクトをまったく配置しないことに注意してください。
編集:「なぜあなたはこれをしているのですか?」ハードコードを使用するだけで、CSSだけですべてを実現できるように見えるからです。理由の詳細に立ち入ることなく、それがそのように機能しないことを知っておいてください。
jQueryがoffset()変数を取得してCSSを設定することで同じことを達成できる場合、それは素晴らしいことですが、私はたくさん試しましたが、うまくいきませんでした。実際、これを使用したときに得られるのと同じ出力が得られました。 PHP / MySQLによって生成されたDIV(図には示されていません)は、画面の下部、PHPスクリプトが呼び出される他のすべての下に表示されます。