显示Javascript面板

时间:2014-08-01 12:42:26

标签: javascript jquery

在一个大型的JavaScript应用程序中看到一个javascript面板,我正试图实现面板代码。 为此,我复制并粘贴了一些代码,我认为这些代码在使面板工作时非常有用,但遗憾的是它不起作用..

HTML代码..

<body>
    <div id="rtfm" style="display:none;"></div> <!--help panel-->
<div id="dashboard">
    <a href="#" class="help">syntax help</a><!-- Clicking this shows the panel-->
    </div> 
<script src="jquery.min.js"></script>

<script>
             (function () {
                 Test = function (elt) {
                     var dom = $(elt)
                     var that = {
                         helpPanel: HelpPanel($('#rtfm')),
                         init: function () {
                             $('.help').click(that.showHelp)
                             $(that.helpPanel).bind('closed', that.hideHelp)
                             return that
                         },
                         showHelp: function (e) {
                             that.helpPanel.reveal()
                             dom.find('.help').fadeOut()
                             // trace('help')
                             return false
                         },

                         hideHelp: function (e) {
                             trace('closed')
                             dom.find('.help').fadeIn()
                         }
                     }
                     return that.init()
                 }
             })()
        </script>
        <script src="src/help.js"></script>   
    </body>

我对javascript知之甚少,如果有人可以帮助我,我会很感激..

谢谢..

1 个答案:

答案 0 :(得分:0)

好的..发现问题.. 在测试之后需要将以下内容添加到代码中以进行调用..

$(document).ready(function(){
            var mcp = Test()    
            })