1

この同じ関数内に複数の文字列を作成し、このコードを Web サイト全体でより使いやすくしたいと考えています。

私のJSコードは次のようになります：

    function() {$(".tool-tip-wrapper").click(function () {
      $(".tool-tip",this).html("<img src='/images/ui-elements-sprite.png' class='top-arrow'><p>This is string one.</p><div class='close'></div>").toggle('fast');
    });

私のhtmlコードは次のようになります。

<div class="tool-tip-wrapper"> click me
    <div class="tool-tip"></div>
</div>
4

1 に答える 1

0

以下のマークアップで問題が解決します。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.7.1.min.js" language="javascript"></script>
<script type="text/javascript">

$(document).ready(function(){

    $(".tool-tip-wrapper").click(function(){
                                                $(".tool-tip",this).html("<p>"+this.title+"</p><div class='close'></div>").toggle('fast');
                                           });
});
</script>   
</head>

<body>
<div class="tool-tip-wrapper" title="This is string one.">
    click me
    <div class="tool-tip"></div>
</div>
</body>
</html>
于 2012-08-29T12:57:27.753 に答える