javascript - 使用 jquery mobile 定位链接

Question

这几乎是对我之前发布的关于不使用 ajax 加载外部页面，但将其保留为 iOS Web 应用程序窗口的问题的补充。我为这个例子想到的是这个

<script>
$(document).bind('pageinit', function() {
  $("#test").click(function (event) {
    event.preventDefault();
    window.location.assign("test.html");
  });
});
</script>

但现在我想做的是为该页面上的每个链接进行设置。由于我不知道我可以有多少个链接，因此每次添加新链接时都这样做会非常乏味。所以我找到了这个片段，并认为我可以如何将两者结合起来，我只需要一些关于如何组合的指导。

$('a').each(function(index){
var elementId=$(this). attr("id");
elementId='#'=elementId;

因此，对于我页面上的每个标签或 href，它将自动抓取链接并以特定方式自动加载它。

Answer 1

当然，您可以组合您的代码。无论如何，我还没有尝试过你的代码，但你必须在你的点击事件周围包装一个 .each() 函数。另外，您应该为每个可点击的链接指定相同的类。应该看起来像这样:

$('.class').each(function(){
  $(this).click(function(){
    event.preventDefault();
    window.location.assign("test.html");
  })
});

如果您现在希望这些链接链接到不同的页面，您可以在每个链接上定义 data-href 属性。像这样: html 中的 data-href="test2.html" 。您现在可以使用

$(this).data("href");

并将输出放入变量中。然后你可以将它动态地放置在你的 window.location.assign 中。

希望我理解您的问题并有所帮助。