jQuery刪除/添加Infopath Webpart的ID類

Question

我創建了兩個Infopath表單，這些表單發布到單獨的列表中。 我將它們組合為一種形式，從而為用戶提供了他們正在填寫一種形式的外觀。

由於表單提交到兩個單獨的SharePoint列表，因此每個表單Web部件都將具有單獨的提交按鈕。 更重要的是，僅當用戶單擊第一個按鈕時，第二個Web部件才可見，這將提交表單並調出第二個Web部件。

使用webpart ID（'＃FormWebPartID'）和簡單的CSS樣式顯示可隱藏該webpart：無。 在按鈕上單擊我想刪除該類或切換該類，這將理想地刪除顯示：無。

下面是第一個按鈕的代碼，它將顯示第二個Web部件。

<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>

當然，我不會在代碼中同時使用這兩個選項，但是我只是想向大家展示我已經嘗試過的東西。 因此，使用此代碼，第一個Web部件可見，“添加操作項”按鈕也可見。 第二個Web部件不可見，但是當我單擊應該顯示第二個Web部件的按鈕時，我什么也沒得到。

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中，無需額外的類。 在這里查看更新的jsfiddle。