0

我希望能够单击标签以导航到新页面，我不想使用链接来做到这一点，因为它必须有按钮的感觉！

html：

<label id="+"pagego"+" style="+"text-align:center;"+"font-size:x-large;"+">"+ data[i].ProcessName +"</label>

我知道它看起来很奇怪，但是我在 jquery 的 for 循环中使用该标签来用我从 Web 服务获得的数据填充标签，现在我怎样才能让这个标签被点击，我看到人们在谈论window.location.href甚至还有一些人在谈论$(#pagego).click(function(){我在这方面很新，我想知道如何让这个标签将我导航到新页面！谢谢！

使用：cordova1.9/html5/javascript/jquery

4

2 回答 2

1 
<label id="+"pagego"+" style="+"text-align:center;"+"font-size:x-large;"+">"+ data[i].ProcessName +"</label>

请注意，一个 DOM 中的多个项目不能有相同的 ID。所以我们必须改变代码

<label id="+"pagego"+i+" style="+"text-align:center;"+"font-size:x-large;"+" onclick='redirectme()'>"+ data[i].ProcessName +"</label>

<script>
function redirectme()
{
location.href='example.html'
}
</script>
于 2012-11-12T09:46:04.137 回答
1

我建议，首先将您的样式移动到 CSS 块中。完成后，您可以执行类似的操作

CSS：

<style type="text/css">
    #pagego {
        text-align:center;
        font-size:x-large;
    }
</style>

脚本：

<script type="text/javascript">
    $(document).ready(function () {
        $('#pagego').value = data[i].ProcessName;

        $('#pagego').onclick(function(){
            // to submit the form:
            $('#formID').submit();

            // to navigate:
            document.location.href = "new page address";
        });
    }
</script>

和你的html：

<input id="pagego"><input>
于 2012-11-12T09:45:46.433 回答