0

誰もが私の最初の質問のような短い仕事をしました、今私は別の問題に困惑しています。

これは主に私が疑っている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スクリプトが呼び出される他のすべての下に表示されます。


4

1 に答える 1

0

それがどのように起こったのか正確にはわかりませんが、私は自分の問題を解決しました。構文エラーまたは間違ったUIの読み込みかもしれませんが、これが私にとって完璧に機能しているものを使用することになったものです。

// - Can be placed anywhere, as long as it occurs before the SPAN it's adjusting
<script type="text/javascript">
$(function() {
    $("#resContainer3").position({
    "my": "right top",
    "at": "right top",
    "of": $("#100013"),
    "offset": "-3 7"
});
});
</script>

<span class=resContainer id=resContainer3></span> 

これが私と同じ問題を抱えている人に役立つことを願っています!

于 2012-04-10T00:55:51.847 に答える