Question

所以最近我一直在研究一些js。

所以,基本上,我的问题是,我需要隐藏参数中传递的东西或者显示它是否已经隐藏了。

这是我的代码:

<script type= text/javascript >
<!--
function toggleReport(table){
//the table argument is the table s id
alert(table);                    //to check that the name of the table is right
if($( #table ).is( :visible )){ //check if visible
    $( #table ).hide();     //if so, hide it
    alert( hide );          //send a message that it is now being hidden
}else{                          //if already hidden
alert( show );                  //send a message that it is now being shown
$( #table ).show();             //show the table
}

}
//-->
</script>

然而,它不起作用...... 它发出警报, 一切都是正确的, 但是,它不隐藏或显示表...

但是,如果我尝试这样做:

<script type= text/javascript >
<!--
function toggleReport(){
//removed the argument
alert( table_1 );
if($( #table_1 ).is( :visible )){
    $( #table_1 ).hide();
    alert( hide );
}else{
alert( show );
$( #table_1 ).show();
}

}
//-->
</script>

它为什么这样工作?因为我在网站上会有很多表格和其他需要隐藏和显示的东西, 我不想为每个功能设定新的功能。 / 。 : /

帮帮我!

谢谢!

Answer 1

简单使用 < strong > togggle () intead of show ()/hide (), < weng >togle () 使元素可见,如果它隐藏,如果它可见,则隐藏。

<script type= text/javascript >;
function toggleReport(element_ID){
$("#"+element_ID).toggle();
}
</script>

如果您想要硬代码元素 ID 而不是在脚本后使用

<script type= text/javascript >
function toggleReport(){
$("#table_1").toggle();
}
</script>

Cheers, and dont forgot to vote up my answer :)

Answer 2

< a href=> "http://api.jquery.com/toggle/" rel="no follow" > 此功能有一个预设的 Jquery 函数。

Answer 3

如果您再次传递元素引用, 请使用该元素作为您的选择器 :

function toggleReport(table){
    $(table).toggle();
}

注意我使用 < a href=> http://api.jquery.com/togle/" rel="nofollow"\\\ code>.togle () , 将完全按照您想要手动做的做。如果您想要登录新状态, 您可以在回调中这样做 :

function toggleReport( table ) {
    $( table ).toggle( fast , function(){
        console.log( "Element is visible? " + $(this).is(":visible") );
    });
}

注意,如果您再次通过元素的代号,您的选择器需要修改:

$( "#" + table ).toggle();

Answer 4

您可以使用 < a href=" "http://api.jquery.com/toggle/" rel="nofollow" 函数来达到此目的....

$(selector).toggle();

Answer 5

demo http://jsfiddle.net/uW3cN/2/

参数通过 < a href=> http://jsfidd.net/ uW3cN/3/

良好阅读 API 切换: < a href="http://api.jquery.com/toggle/" rel="nofollow" > http://api.jquery.com/togle/

<强度 > 代码

function toggleReport(){
//removed the argument
$( #table_1 ).toggle();

}

http://jsfidd.net/ uW3cN/3/" rel="no follow" >http://jsfidd.net/ uW3cN/3/

function toggleReport(tableid){
//removed the argument
$( # +tableid).toggle();

}

调

Answer 6

您在原始函数中犯的错误是您没有实际使用您传递到函数中的参数。您选择了 #table' , 它只是选择了带有 id “ table” 的页面上的元素。它根本没有引用您的变量。

如果您打算将ID传送到选择器中, 请写入 jQuery (“ # ” +表) 。如果表格是 DOM 元素的引用, 您将会写入 jQuery (table) (没有引号, 没有磅符号 ) 。

友情链接