Question

我有四种形式被display none css样式隐藏，当有人点击链接时，应显示相应的表单例如

<a href="#form1">show form1</a>
<a href="#form2">show form 2</a>
<a href="#form3">show form 3</a>

每个表单都有自己唯一的ID

form 1  id="form1"  
form 2  id="form2" 
form 3  id="form3"

所以这就是我尝试过的事情

jQuery(document).ready(function($) {
$('a[href^="#"]').on('click', function(event) {

    var target = $( $(this).attr('href') );
    var ptel = $(this).attr("href");
    alert(ptel);
    $("#" +ptel).show(); // i tried simply $("ptel")
    if( target.length ) {
        event.preventDefault();
        $('html, body').animate({
            scrollTop: target.offset().top
        }, 2000);
    }

});
});

当我提醒ptel变量时，它会给我一个值为＃form1，＃form2的警报但表格没有显示

Answer 1

更改此行：

$("#" +ptel).show(); // i tried simply $("ptel")

到

$(ptel).show();

您不需要连接#并且您的第一次尝试已经结束，但您并不需要引号。

Answer 2

你不需要ptel，你可以摆脱任何提及它而不是这样做

target.show();

如何显示隐藏的元素和滚动到该元素

2 个答案: