Fancybox弹出窗口无法正常工作

Question

我为fancybox popup添加了这个脚本。但它没有用。

它正在其他页面上工作，但不知道这个页面有什么问题，其他功能有更多的JavaScript，可能是这个原因，但是当在控制台中时，有＆＃39; s没错！

<table id="tb1" cellspacing="0" cellpadding="7" style="width:99%;border:solid 1px#c0bebe;min-width:550px;height:auto;font-family:arial;font-size:11px;margin-left: 6px;border-bottom: none;">
    <tr class="heads tr_check" height="44px">
        <th style="padding-left:15px;width:5%">Date</th>
        <th style="padding-left:15px;width:5%">From</th>
        <th style="padding-left:15px;width:5%">Mode</th>
        <th style="padding-left:15px;width:40%">Message</th>
        <th style="padding-left:15px;width:10%;border-right: medium none;">Document</th>
    </tr>
    <?php 
    $msgMngResult = getMessagesForEdit($_GET['projectid']);
    if(mysql_num_rows($msgMngResult)>0) {
        while($msgMngtaskDtlsRow = mysql_fetch_array($msgMngResult)) {  
            if($msgMngtaskDtlsRow['message_from']=='Client') {
                $bgcolor = "background-color:#F8E0EC";
            } else {
                $bgcolor = "background-color:#E7FFD6";
            }
            $id = $msgMngtaskDtlsRow['id'];
            $msgres = getMsgDoc($id);
            ?>
            <tr height="44px" class="tr_check">
                <td style="padding-left:15px;<?php echo $bgcolor;?>"><?php echo $msgMngtaskDtlsRow['msg_date'];?></td>
                <td style="padding-left:15px;<?php echo $bgcolor;?>"><?php echo $msgMngtaskDtlsRow['message_from'];?></td>
                <td style="padding-left:15px;<?php echo $bgcolor;?>"><?php echo $msgMngtaskDtlsRow['message_mode'];?></td>
                <td style="padding-left:15px;<?php echo $bgcolor;?>"><?php echo substr($msgMngtaskDtlsRow['message'],0,100);?><a href="#divForm<?php echo $id;?>" id="messages<?php echo $id;?>" class="fmsg" data-toggle="tooltip" title="" style="color:blue;float: right;">Read More..</a></td>
                <div id="divForm<?php echo $id;?>" class="fancybox" style="display:none;">
                    <p><?php echo $msgMngtaskDtlsRow['message'];?></p>
                </div>
                <td style="border-right: medium none;padding-left:15px;<?php echo $bgcolor;?>">
                    <?php while($res = mysql_fetch_array($msgres)) {
                        echo "<br/><a href='".PROJECT_FILE_PATH.$msg_doc."/".$res['message_docs']."' target='_blank' style='color:blue;text-decoration: underline;'>".$res['message_docs']."</a><br/>"; 
                    }
                    ?>
                </td>
            </tr>
            <tr class="hidetr tr_check acctr_<?php echo $msgMngtaskDtlsRow['id']; ?>" ><td colspan="8" style="border-right:0px;"></td></tr>
        <?php
        }
    } else { ?>
        <tr height="44px" class="tr_check">
            <td align="center" colspan="12">
                <div id="err"><div id="errormsg" class="no-record"><strong> No Records Found </strong></div></div>
            </td>
        </tr>
    <?php
    } ?>
</table>

<link rel="stylesheet" type="text/css" href="css/datepicker.css" /> 
<script type="text/javascript" src="js/datepicker.js"></script> 
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/jquery.form.js"></script>
<script type="text/javascript" src="js/tabber.js"></script>
<script type="text/javascript" src="js/paddRow.js"></script>
<script type="text/javascript" src="js/addUnitRow.js"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.0/jquery.min.js"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.9/jquery-ui.min.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/tinymce/4.5.2/tinymce.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/fancybox/2.1.5/jquery.fancybox.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/fancybox/2.1.5/jquery.fancybox.min.css" />
<script>
    $('.fmsg').live('click', function () {
        var id = $(this).attr('id');
        alert(id);
        $("#"+id).fancybox({
            'width':800,
            'height':450,
            'autoSize' : false,
            helpers: {
                title : {
                    type : 'float'
                }
            }
        });
    });
</script>

有时会显示 - ement.prop is not defined。

经常出现。