javascript - 为什么我的代码只有一部分有效？

Question

此代码的一部分可以工作，而另一部分则不能。我自己无法找出问题所在......

这是我的external.js

var framevar = document.getElementById("userframe");
var frametogg = false;
var framesel = false;
$(document).ready(function(){
    $('#filestext').click(function(){
        if(framevar.src != "test.txt"){
            framevar.src = "test.txt";
        }
        if((frametogg === false) && (framesel === false)){
            $('#userframe').show(350);
            frametogg = true;
            $('#frameselection').show(350);
            framesel = true;
        }else if(frametogg === false){
            $('#userframe').show(350);
            frametogg = true;
        }else if(framesel === false){
            $('#frameselection').show(350);
            framesel = true;
        }else{
            $('#userframe').hide(350);
            frametogg = false;
            $('#frameselection').hide(350);
            framesel = false;
        }
    });

    $('#uploadtext').click(function(){
        if(framevar.src != "uploadpage.php"){
            framevar.src = "uploadpage.php";
        }
        if(frametogg === false){
            $('#userframe').show(350);
            frametogg = true;
        }else if((frametogg === true) && (framesel === false)){
            $('#userframe').hide(350);
            frametogg = false;
        }
        if(framesel === true){
            $('#frameselection').hide(350);
            framesel = false;
        }
    });

    $('#entryloggertitle').click(function(){ 
        $('#entrylogger').toggle(350);
    });
});

这是我的 home.php

<div id="filesdiv">
<iframe id="userframe" src="uploadpage.php"></iframe>
<select id="frameselection" multiple>
<script>selectionTable();</script>
</select></div>

<span id="entryloggertitle">log.</span><br/>
<span id="filestext">files</span><br/>
<span id="uploadtext">upload</span><br/>

<div id="entrylogger">
<form action="add.php" method="POST">
    p? <input type="checkbox" name="public[]" value="yes" checked/>
    <input type="text" name="entry" size="12"/>
    <input type="submit" value="push!" style="display:none;" />
</form>
</div>

在css文件中，entrylogger、frameselection和userframe具有display:none。我只放了相关部分的代码。

entrylogger 的切换功能工作得很好。但我不明白为什么用户框架和框架选择的切换不起作用。

Answer 1

在此if语句中，

    if((frametogg === false) && (framesel === false)){
        $('#userframe').show(350);
        frametogg = true;
        $('#frameselection').show(350);
        framesel = true;

您是说仅当frametogg和framese1为假时才显示用户框架和框架选择，这是页面加载时的情况，因为两个值在顶部都设置为假。但是，您说在执行时您希望它们不可见，因此此处用户框架和框架选择的代码应该使用 hide 方法。