0

div内のjqueryリンクに問題があります

説明するために、マップ<div id=map></div>の別のページ（）をロードする内部がinc_map.phpあります。

このdivの外のメインページには、div内のキャラクターをリロードして制御する4つのリンクがあります。それらの1つをクリックすると、次のような関数が実行されます。

$(function() {
  $("#left").click(function(evt) {
     $("#map").load("inc_map.php?move=left");
     evt.preventDefault();
     })

リンクをdivの外側からdivの内側に変更したいのですが、それが原因で悲しみが生じ、機能しなくなりました。

なぜですか？私もそれらに異なるIDなどの名前を付けてみました。

4

2 に答える 2

0

これを試してください:(例div#map）

HTML

<div id="map">
    <a href="#" id="left">L1</a>
    <a href="#" id="right">L2</a>
    <a href="#" id="top">L3</a>
    <a href="#" id="bottom">L4</a>
</div>

jQuery

$(function() {
    $('#left').on('click', function(evt) {
        var $contents = $('#map').contents();
        $("#map").load("inc_map.php?move=left", function() {
            $(this).prepend($contents);
        });
        evt.preventDefault();
    });
});
于 2012-04-04T18:16:59.320 に答える
0

これは私にとって期待どおりに機能します：

<script type="text/javascript" language="javascript">
    $(function () {
        $("#left").click(function (evt) {
            $("#map").load("test.html?move=left");
            evt.preventDefault();
        });
    });


</script>

<div id="map">   <a id="left">TEST CLICK </a>
</div>

たぶん、firebugでデバッグして、全体像を確認することができます。それが役に立てば幸い。

于 2012-04-04T18:14:38.273 に答える