mvc2，查詢和qtip問題

Question

我有一個問題，在我的控制器中，我將值設置爲集合並將其存儲在ViewData中。例如：

ViewData["ex1"] = new SelectList(ex1); // a simple collection 
ViewData["ex2"] = new SelectList(group.Members, "Id", "Gender"); 

我將這些傳遞給我的視圖，並像這樣循環。例如：

<div id="divListBox" style="overflow:auto; border:1px solid #CCCCCC; padding-left:5px; background-color:white; height: 130px"> 

      <% 
      var list = this.ViewData["e2x"] as SelectList; 
      var pList = this.ViewData["ex1"] as SelectList; 

      foreach (var p in list) 
      { 
       foreach (var pil in pList) 
        { 
        if(pil.Text.Contains(p.Value)) // ex1 does contains ex2 
        { 
         %> 
         <input id="cbPerson" type="checkbox" value="<%= p.Value %>" /> 
         <label for="cbPerson"><%= p.Text %></label> 
         <input id="cbPersonInfo" type="hidden" value="<%= pil.Text %>" /><br /> 
         <% 
        } 
        } 
      } 
      %> 
     </div> ... 

這裏是我的jQuery。例如：

$('#divListBox > input').each(function() { 
     var personInfo = $('#cbPersonInfo').val(); 
     $(this).append($('personInfo')); 
      $('*').qtip('hide'); 
      $('#divListBox label').each(function() { 
       $(this).qtip({ 
        content: personInfo, 
        show: 'mouseover', 
        hide: 'mouseout', 
        style: { 
         classes: 'ui-tooltip-custom', 
         tip: true 
        }, 
        position: { 
         my: 'left bottom', 
         at: 'top right' 
        } 
       }); 
      }); 
     }); 

如果我設置我的輸入類型「隱藏」到「文本」，我看到每一個正確的信息。 Hoever，當我將鼠標懸停在他們身上時，第一條信息顯示爲所有人的工具提示。我認爲這可能是我的jQuery，但我不太確定。我一直在處理這個問題幾個小時，但仍然沒有。任何人都可以幫忙嗎？

Answer 1

的foreach（！ID始終是唯一的）

id="cbPerson" type="checkbox" value="<%= p.Value %>" /> 
<label for="cbPerson"><%= p.Text %></label> 
id="cbPersonInfo" type="hidden" value="<%= pil.Text %>" /><br /> 

意味着你有幾次相同的ID，所以當你的ID做一個jQuery選擇素，jQuery的選擇找到

的第一個

如果您將您的人包裝在容器中，則更容易。

我做了一個快速調整你我測試工作

%> 
    <div class="person"> 
    <input id="cbPerson" type="checkbox" value="<%= p.Value %>" /> 
    <label for="cbPerson"><%= p.Text %></label> 
    <input id="cbPersonInfo" type="hidden" value="<%= pil.Text %>" /><br /> 
    </div> 
    <% 

---

<script type="text/javascript"> 
// for each container with class person 
    $('.person').each(function() { 
    //find the input with class cbPersonInfo which is !!!! IN !!!! $(this): $(this) is now the container 
     var personInfo = $(this).find(".cbPersonInfo").val(); 
     $(this).qtip({ 
      content: personInfo, 
      show: 'mouseover', 
      hide: 'mouseout', 
      style: { 
       classes: 'ui-tooltip-custom', 
       tip: true 
      }, 
      position: { 
       my: 'left bottom', 
       at: 'top right' 
      } 
     }); 
    }); 


</script> 

這段代碼的意思是：與類人每格，發現在div內與類cbPeronInfo和使用它的qtip的值。 （和offcourse鉤qtip的那類）

---

@Edit

實際上，對於語義的理由，最好使用UL代替（更多邏輯），但我相信你能弄清楚如何改變自己？如果你想否則給我一個標誌:)

Answer 2

對於一個你的外C＃循環 '的foreach（在plist中VAR PIL）{' 將可能重建相同的 '」 />
' 元素數次。

的JavaScript var personInfo = $('#cbPersonInfo').val();選擇（和重新選擇相同的元件反覆，因而有相同的工具提示所有懸停，在這種情況下pil.Text

如果一個以上的元件被分配相同的ID，查詢使用該ID將只選擇在DOM第一個匹配元素。 （http://is.gd/dM4EG）

確保頁面中的所有html元素都有唯一的ID。

編輯：解決方案的快速鏈接（http://craigsworks.com/projects/qtip_new/forum/take-tooltip-content-from-the-element-attributes-t-8.html）。今天晚些時候將會更新可能的解

<% foreach (var qt in Model) 
{%> 
    <input id="cbPerson" type="checkbox" value="<%= qt.Value %>" /> 
    <label for="cbPerson" qTip="<%=qt.Text %>"><%= qt.Text %></label> 
    <input id="cbPersonInfo" type="hidden" value="<%= qt.Text %>" /><br /> 
<%} %> 

<script type="text/javascript"> 
    $(document).ready(function() { 
     $('[qTip]').each(function() { // Find all elements that have the qTip attribute (labels) 
      var personInfo = $(this).attr('qTip'); 
      $(this).qtip({ 
       content: personInfo , 
       show: 'mouseover', 
       hide: 'mouseout', 
       position: { target: 'mouse' } 
      }); 
     }); 
    }); 
</script>