2012-03-23 2 views
0

내 웹 사이트에서 쉬운 슬라이더와 Telerik 메가 메뉴를 사용했습니다. 다음 스크립트는 JQuery와 1.7.1의 참조와 함께 슬라이더 포함되어 있습니다 :Telerik 메가 메뉴가 IE에서 jquery1.7과 작동하지 않습니다.

@(
Html.Telerik().Menu() 
     .Name("Mega Menu") 
     .HtmlAttributes(new { @style = "background:#000000;" }) 
     .OpenOnClick(true)     
     .Items(menu => 
     { 
      menu.Add().Text("Mega Menu:") 
       .ContentHtmlAttributes(new { @style = "width:550px;" }) 
       .Content(@<text> 

         <ul> 
         <li>Group1 
          <ul> 
           <li>Item1</li> 
           <li>Item2</li> 
           <li>Item3</li> 
           <li>Item4</li> 
          </ul> 
         </li> 
         </ul> 

         <ul> 
         <li>Group2 
          <ul> 
           <li>Item1</li> 
           <li>Item2</li> 
           <li>Item3</li> 
           <li>Item4</li> 
          </ul> 
         </li> 
         </ul> 
</text>); 
     } 
     ) 
     ) 

뿐만 아니라이 두 스크립트 내 슬라이더를 사용하여 : 여기

나의 메가 메뉴의 코드 Mozilla Firefox 및 Chrome에서 Mega Menu가 올바르게 작동하므로 그러나 IE8에서는 jquery1.7.1이 메가 메뉴를 사용할 수 없습니다. jquery1.5.1을 사용하는 경우에만 작동합니다. 하지만이 jquery로 내 슬라이더가 다른 브라우저에서 작동하지 않습니다. IE8에서 jquery1.7.1을 사용하면 슬라이더 기능에 문제가 없습니다.

브라우저 (Firefox, Chrome, IE7,8 및 9)에서 내 슬라이더의 기능을 방해하지 않고 jQuery 1.7.1을 메가 메뉴에 사용할 수있는 방법이 있습니까?

감사합니다.

답변

0

메뉴 이름에 공백이 있습니다. 지원되지 않습니다. 공간을 제거해보십시오.

.Name("MegaMenu") 
관련 문제