Question

我希望能够点击标签导航到新页面，我不想使用链接来执行此操作，因为它必须有一个按钮的感觉！

html：

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

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

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

Answer 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>

Answer 2

<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>

使用JavaScript / Jquery点击导航标签？

2 个答案: