定位与jquery mobile的链接

时间:2013-02-12 14:57:52

标签: javascript jquery ios jquery-mobile

这几乎是我之前发布的关于加载没有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,它会自动获取链接并以特定方式自动加载。

1 个答案:

答案 0 :(得分: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事物中。

希望我理解你的问题而且有所帮助。