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

まず、スタイルを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 に答える
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 に答える