jquery - 子div内的jquery链接

Question

我在 div 中的 jquery 链接有问题

解释一下，我有一个<div id=map></div>which 里面可以加载地图的单独页面（inc_map.php）。

在这个 div 之外，在主页面上，我有 4 个链接通过重新加载来控制 div 内的字符。当您单击其中一个时，会运行一个函数，例如：

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

我想将链接从 div 外部更改为 div 内部，但这让我感到悲伤并且无法正常工作。

知道为什么吗？我也尝试将它们命名为不同的 ID 等。

Answer 1

这对我来说按预期工作：

<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对其进行调试以查看全貌。希望能帮助到你。

Answer 2

请试试这个：（示例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();
    });
});