3

<div>JavaScript を使用して、ローカル HTML ドキュメント (./lilo/index.html) へのリンクに変換しようとしています。

HTML

<div class="pagelist_item" onClick="goto("./lilo")">
    <h4>Test Button</h4>
    <h6>Discription</h6>
</div>

JavaScript

function goto(url){
    window.location = url;
    alert(url);
}

http://jsfiddle.net/6HHTd/を参照してください

しかし、ボタンをクリックしても何も起こりません。

これが機能しないのはなぜですか？

4

2 に答える 2

7

この行の引用符は正しくありません:

<div class="pagelist_item" onClick="goto("./lilo")">

jsfiddle はエラーを赤いテキストで表示します。

アポストロフィを使用すると、修正が容易になります。

<div class="pagelist_item" onClick="goto('./lilo')">

明確にするために"hi "there" you"、2 番目の二重引用符は最初の二重引用符と一致し、文字列を閉じ、式の残りの部分でエラーを引き起こします。バックスラッシュで引用符をエスケープする"hi \"there\" you"こともできますが、二重引用符内にアポストロフィ (一重引用符) を埋め込む方が簡単なことがよくあります。(JavaScript では、文字列を区切るために一重引用符または二重引用符を使用できます。)

またgoto、予約済みのキーワードであるため、関数の名前を から変更します。

于 2013-07-21T18:36:32.657 に答える
2

次のようにjqueryを使用します

$('.pagelist_item').click(function(){
     window.location="./lilo";
});

フィドル

于 2013-07-21T18:45:54.680 に答える