1

我想在同一个函数中创建多个字符串，并使这段代码在网站上更有用。

我的 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 回答