0

我用 JS 设置了我的海滩页面<div>，该页面将海滩信息页面交换为via hidden<iframe>但重新调整为使用 jQuery 作为更有效、更优越的解决方案。尝试了几种不同的语法：

function loadContent(elementSelector, sourceUrl) {
    $(""+elementSelector+"").load("http://yoursite.com/"+sourceURL+"");
}

和

function loadSomething{
    $("#divid").load("http://place.com/to/content.php");
}

并使用后者设置一个测试页面，因为这似乎有效。

我做了一些 Java 编程，这些都很简单，但我不知道为什么它不起作用。在测试页面上，有几个文本链接有效（在 FF 和 Chrome 中测试过），但图片链接无效。任何建议表示赞赏。

4

2 回答 2

1

正如其他人已经指出的那样，您的网站上存在一些语法错误，因此您绝对应该首先修复这些错误。我只是想我会把你推向一些 DRYer 代码......你有很多重复。你所做的基本结果是说“对于这些<a>标签，当你点击它们时，将<a>标签加载到另一个元素中而不是正常行为。而不是在每个href图像元素上设置那个 jQuery ，你可以做到这一切在一个功能中：

$('a').click(function() {
    $('#beachInfo').load($(this).attr('href'));
    return false;
});

这将一举覆盖所有这些。如果您希望某些链接正常运行并在页面中加载某些链接，您可以为它们分配一个类，如下所示：

<a class="loadInPage" href="http://...">load me in-page</a>

然后相应地修改您的选择器：

$('a.loadInPage').click(function() {
    $('#beachInfo').load($(this).attr('href'));
    return false;
});

我希望这可以帮助您清理一些东西。但是请注意这些错误！Javascrcipt 控制台是您的朋友！

于 2012-09-19T22:52:03.010 回答
1

据我所知，您粘贴的站点链接目前存在语法错误：

<script type="text/javascript">
  $(function() {
    $('a[href=beachPenmm.htm]').click(function() {
      $('#beachInfo').load('beachPenmm.htm');
      return false;
    });
</script>       

<script type="text/javascript">
  });

不允许在脚本标签之间扩展语法。然而，这可能不是唯一的问题......但首先解决这个问题:)

于 2012-09-19T22:42:55.140 回答