Question

我在div中有一个jquery链接有问题

要解释一下，我有一个<div id=map></div>里面加载了一个单独的地图页面（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();
    });
});

子节点内的jquery链接

2 个答案: