“data-”属性作为超链接的一部分。 HTML到JavaScript

时间:2012-07-08 13:36:24

标签: javascript html cordova window.location custom-data-attribute

我目前正在开发一个Phonegap应用,并且在我的页面转换时遇到了一些麻烦。

为了使我的页面转换工作,我正在使用FASW.js库。我还使用本机导航栏(NavigationBar plugin)为我提供了一个本机后退按钮。我都努力工作,以响应用户输入等。

从您使用的HTML启动页面转换:

<a href="some_url.html" data-ftrans="slide">Some Link</a>

我的工作非常完美。

但是,为了使本机后退按钮起作用,必须仅通过JavaScript调用它 - 如下所示:

function backButton() {

plugins.navigationBar.setupLeftButton("Back", null, function() {
                        //Some function to be called here to change the page 
                        //and to invoke the page transition.
                                      });

[...]

}

所以我的问题是这个(你必须和我一起,我是一个JS新手)。我知道要更改页面,您可以使用:

window.location = "some_url.html";

但我不知道的是如何包含

[...] data-ftrans="slide" [...]

属性,与HTML超链接一样。

有人能够帮忙解决这个问题吗?真的很感激。

谢谢!

约翰

1 个答案:

答案 0 :(得分:1)

首先为<a id="goToMyUrl" href="some_url.html" data-ftrans="slide">Link</a>

提供ID

然后使用jQuery

$("#goToMyUrl").attr("data-ftrans","slide");