Question

我的listSuccess.php的摘录：

foreach ($pager->getResults() as $msg)
{ 
   //listing the messages' subjects here
   <a href="<?php echo url_for('messagebox/read?cursor=').$cursor ?>" style='color:#ff0000 !important' onmouseover="document.getElementById('hiddenDiv').style.display = 'none'" class='spn_small_red_rbc'><?php echo $msg->getSubject();?></a>
   <div id="hiddenDiv" style="display: none">Show the actual message here</div>
}

以上不起作用有什么帮助吗？感谢

Answer 1

首先清理代码并提取样式和脚本。这使得它更具可读性（使用jQuery）：

<style>
    a.spn_small_red_rbc { color: #ff0000; }
    div .hiddenDiv { display: none; }
</style>

<script>
    $('a.spn_small_red_rbc').hover(function(){
       // Mouse enter
       $(this).next('div').show();
    },
    function(){
       // Mouse leave
       $(this).next('div').hide();
    });
</script>

<? foreach ($pager->getResults() as $msg) { ?>
    <a href="<?=url_for('messagebox/read?cursor=').$cursor?>" class="spn_small_red_rbc"><?=$msg->getSubject()?></a>
    <div id="hiddenDiv">Show the actual message here</div>
<? } ?>

Answer 2

我使用jQuery TOOLS作为工具提示，它有详细记录，工作简单，功能丰富。

您可以在此处阅读文档和学习演示：http://flowplayer.org/tools/tooltip/index.html

此外，@ Bazz解决方案也会起作用，我会建议使用javascript帮助函数的symfony解决方案

<?php javascript_tag(); ?>

    // please study http://api.jquery.com/ready/
    jQuery().ready(function(){
        // Example for jQuery TOOLS tooltip
        jQuery(".spn_small_red_rbc").tooltip();
    });

<?php end_javascript_tag(); ?>

将鼠标悬停在邮件上时，如何看到实际消息？

2 个答案: