Question

我创建了两个发布到单独列表的Infopath表单。我将它们组合成一种形式，为用户提供了填写一个表格的外观和感觉。

由于表单提交到两个单独的SharePoint列表，因此每个表单webpart都有单独的提交按钮。踢球者是第二个webpart只有在用户点击第一个按钮后才会显示，该按钮将提交表单并调出第二个webpart。

使用webpart ID（'＃FormWebPartID'）和一个简单的CSS样式display：none来隐藏webpart。在按钮上单击我想删除该类或切换该类，理想情况下将删除display：none。

下面是第一个显示第二个webpart的按钮的代码。

<style type="text/css">
#FormWebPartID {
display: none
}
.newClass {
display: initial
}
</style>
<script language="JavaScript">

$(document).ready(function(){
$("#show").click(function(){
$("#FormWebPartID").toggleClass("newClass");
                 or
$("#FormWebPartID").removeClass("#FormWebPartID");
   });
});
</script>

<button id="show" type="button" style="margin-left: 40%; margin-right: 40%">Add Action Items</button>

当然我不会在代码中使用这两个选项运行它，但我只是想向你们展示我们尝试过的人/ gals。因此，使用此代码，第一个webpart是可见的，“Add Action Items”按钮也是如此。第二个webpart是不可见的，但当我点击应该显示第二个webpart的按钮时，我什么也得不到。

Answer 1

在您的示例中，您尝试删除类“#FormWebPartID”，它是元素的id，而不是类。我做了一个jsfiddle向你展示了一种方法，通过添加一个我称之为“隐藏”的类，然后按下按钮将其删除。它使用以下jQuery：

$(document).ready(function(){
    $("#show").click(function(){
        $("#FormWebPartID").removeClass("hidden");
   });
});

或者，您可以使用以下jQuery更改元素的css属性：

$('#FormWebPartID').css('display', 'block')

然后你可以直接将display: none;放入#FormWebPartID的css中，不需要额外的类。查看here以获取更新的jsfiddle。

JQuery删除/添加Infopath Web部件的ID类

1 个答案: