更新面板導致的CSS問題

首先，我很抱歉，我在這裏問這個問題，因爲問題是在我的SharePoint應用程序，但我相信它與Sharepoint無關，因此在這裏問有廣泛的受衆。我使用更新面板和內部更新面板有div我分配動態html。在html中有像點擊時改變顏色的按鈕。因此，請考慮有許多項目已加載，每個項目都有類似按鈕。發生什麼事是，當我點擊按鈕，然後它從其他像按鈕中刪除css。我在我的webpart中使用用戶控件。下面是HTML代碼更新面板導致的CSS問題

<asp:UpdatePanel ID="UpdatePanel1" runat="server"> 
       <ContentTemplate> 

       <asp:HiddenField runat="server" ID="hdnFld" Value="Its working"/> 
       <asp:HiddenField runat="server" ID="hdnFldLikeSpan" Value="Span like"/> 
       <asp:Button runat="server" ID="btnSubmit" OnClick="btnSubmit_OnClick" style="display:none"/> 

      <section id="ideas" class="container"> 
       <div id="divShowImages" class="row" style="" runat="server" > 

       </div> 


       <div class="row" > 
        <div > 
         <a id="btnloadData" runat="server" OnServerClick="btnloadData_Click">Load more data</a> 

        </div> 
       </div> 
       <div> 

       </div> 
      </section> 
    </ContentTemplate> 

      </asp:UpdatePanel>

這是我的風格

<style> 
.ChangeColor { 
    background:red !important 
} 
.ChangeColor *{color:white !important} 
.ChangeColor .heart:before,.ChangeColor .heart:after{background:white !important} 
.quote .like-idea, .quote .like-idea:hover { 
    background: red; 
} 
.quote .ChangeColor { 
    background:black !important 
} 
.quote .ChangeColor *{color:white !important} 
.quote .ChangeColor .heart:before,.quote .ChangeColor .heart:after{background:white !important}

這是我的javascript代碼

<script type="text/javascript"> 

function incrementNumber(id, name) { 

    document.getElementById("<%= hdnFld.ClientID %>").value = id; 
    document.getElementById("<%= hdnFldLikeSpan.ClientID %>").value = name; 
    eval(<%=serversideEvent %>); 
        } 

function incrementCounter(likes, spanName) { 
    $('#' + spanName).parent().addClass('ChangeColor'); 
     document.getElementById(spanName).innerText = likes; 

        }

當HTML是渲染它加載圖像。在所有圖像下面有按鈕。當你點擊按鈕時，它會增加計數器並改變顏色。該按鈕不過是一個名爲btnSubmit的按鈕。現在我單擊一個圖像下面的按鈕，然後它改變顏色。現在我點擊其他圖像下面的按鈕，它會改變顏色，但現在它消除了其他按鈕的顏色。我該如何解決這個問題。請詢問是否有疑問。

來源

2015-10-16 DevelopmentIsMyPassion

我想了解你在問什麼，但我很難過。你想要所有的按鈕加載一種顏色，然後點擊單個底部應該改變顏色？ –

@AdamBuchananSmith看到這個網站https://www.santanderconsumer.dk/idebank/如果你點擊按鈕然後它改變顏色。但是，當按鈕點擊加載更多圖像時，此網站正在執行回發。因此我使用更新面板。但是當我點擊像按鈕然後它改變顏色，當我點擊像其他圖像下面的按鈕，然後它從其他按鈕中刪除顏色。這些都是關於還沒有實施的mylocal env。希望你有想法 – DevelopmentIsMyPassion

這很奇怪，它似乎對我來說正常工作，我認爲。\ –

所有的字段都在同一個更新面板中，所以我認爲它在您做回發時重新載入所有屬性值。嘗試在外部存儲這些屬性或嘗試使用javascript/ajax執行操作。

[關閉]我不能幫你聊天因爲...我沒有信譽足夠多：OU必須在堆棧溢出20的信譽在這裏說

來源

2015-10-16 17:50:31

在使用更新面板確保你想那一定是內更新任何更新面板。如果它在同一個更新面板中，那麼它將工作，但如果它在更新面板之外，則不會被反映。爲了使這件事情工作ü不得不使用另一個更新面板和更新，也從代碼後面（如果是這樣的話）...

還有一點需要注意，更新面板後觸發CSS懸停等。。不起作用。爲了這個工作你必須重新分配所有的CSS/JS動作。

來源

2015-10-16 17:52:20 Ankur

如何重新分配所有css/js操作？ – DevelopmentIsMyPassion

更新面板導致的CSS問題

回答

相關問題