小编Gui*_*one的帖子

我一直试图在我的浏览器动作弹出窗口中显示和隐藏(可能是切换)选项而没有成功.下面的代码是我弹出窗口的正文

<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="popup.js"></script>
<div class="show">
    <a href="#" class="showcontent">Show</a>
    <a href="#" class="hidecontent">Hide</a>
    <div class="somecontent">
        <p>some content<br />
            <a href="#">Link</a><br />
        </p>
    </div>
</div>

popup.js文件包含以下内容:

$(document).ready(function(){
    $(".somecontent").hide();
    $(".showcontent").click(function(){
        $(".somecontent").show();
    });

    $(".hidecontent").click(function(){
        $(".somecontent").hide();
    });
});

我认为问题是Chrome API在我的popup.js文件中出现问题.正文出现在我的弹出窗口中,但"显示"和"隐藏"操作不起作用.任何想法如何使这项工作,如果没有,另一种方法来获得相同的结果(即:点击切换)？

编辑:从JavaScript控制台,错误我收到此错误:

未捕获的TypeError:无法调用null的方法'ready'

使用ready函数指向上述代码行.