1

我有这样的事情：

<div class="baloon">
    <div class="baloon-title">Chage title</div>
    <div class="baloon-desc">Change description</div>
</div>
<div class="row">
    <div class="span1" title="clients" desc="Access all your client details and their history of stays.">
        <img src="<?php echo Yii::app()->theme->BaseUrl ?>/img/icons/1.png">
    </div>
    <div class="span1" title="clients2" desc="Access2 all your client details and their history of stays.">
        <img src="<?php echo Yii::app()->theme->BaseUrl ?>/img/icons/2.png">
    </div>

我有这样的jquery函数：

$('.span1').mouseover(function(){
    title = $(this).attr("title");
    desc = $(this).attr("desc");
    $('.baloon-title').html(title);
    $('.baloon-desc').html(desc);
});

我想更改 div 的内容baloon-title和baloon-desc鼠标悬停的span1. 我究竟做错了什么？在此先感谢您的帮助。

4

2 回答 2

4

如果您包含 jquery.js 的一个版本，并且您将 JS 放在出现在相关 div 之后的脚本块中，或者您将它放在准备好的文档中，那么您显示的代码将起作用。

$(document).ready(function() {
    $('.span1').mouseover(function(){
       title = $(this).attr("title");
       desc = $(this).attr("desc");
       $('.baloon-title').html(title);
       $('.baloon-desc').html(desc);
    });
});

演示：http: //jsfiddle.net/5w33G/

如果您将 JS 包含在'.span1'div 之前的脚本元素中（没有准备好文档的处理程序），那么当 JS 代码运行时，该 div 将不会被解析，因此 jQuery 将找不到 div，因此不会绑定鼠标悬停处理程序。

于 2013-08-16T10:50:18.047 回答
0

用 jQuery 包装你的脚本

jQuery(function ($) {

// your code here

});

它应该可以正常工作。

于 2013-08-16T10:55:23.787 回答