jQuery Treeview 및 jQuery Splitter이 포함 된 ASP.NET MVC 응용 프로그램이 있습니다. 맨 위에 헤더가 있습니다. 그 아래에서 스플리터는 separate the space into two divs까지 사용됩니다. 왼쪽 div에는 treeview이 포함되고 오른쪽 div에는 콘텐츠가 포함됩니다.ASP.NET MVC에서 링크 스타일 오류가 발생했습니다.
저는 콘텐츠 영역만을위한 스타일 시트를 가지고 있습니다; 모든 스타일은 접두사 #Content이며 내용이 포함 된 div는 id="Content"입니다. 해당 스타일 시트 내에서 <a> 링크의 스타일을 지정하여 에 커서를 올려 놓지 않으면 밑줄이 그어지지 않습니다.
일반적으로 콘텐츠 영역에 테이블을 배치하여 일부 그리드 스타일 데이터를 표시합니다. 그리드 내에는 세부 사항을 표시하는 링크가 있습니다.
여기에 문제가 있습니다. 콘텐츠 영역의 대부분의 링크가 제대로 작동하지만 (위에 마우스를 올리면 밑줄이 표시됩니다) 열에 하나 또는 두 개의 링크가있어 a:link 스타일이 아닙니다. 첫 번째 전시에 밑줄이 그어지며 위에 얹혀 있는지 여부에 상관없이 밑줄이 그어집니다.
페이지가 ASP.NET MVC 응용 프로그램에서 렌더링 될 때만 발생합니다. 테스트를 위해 Visual Studio (Cassini)에서 개발 웹 서버를 사용하고 있습니다. 브라우저에서보기/소스를 클릭하고 바탕 화면에 페이지를 저장 한 다음 jQuery 스크립트 및 스타일 시트에 대한 링크를 수정하고 브라우저에서 페이지를 클릭하여 해당 페이지를 클릭하면 문제가 발생하지 않습니다.
인터넷 익스플로러 7과 최신 버전의 파이어 폭스를 모두 사용해 보았습니다. 은 정확히 같은 방법으로과 같은 방식으로 작동하지만 실제 응용 프로그램을 실행하는 경우에만 실패합니다. 모든 스타일링은 #Content div의 <a:link>을 제외하고 작동합니다.
이러한 종류의 임의 링크 스타일링 오류는 이전에 누구에게도 보았습니까? 나는 실종됐다. 나는 브라우저에서 저장하고 다시 열면 페이지가 광고 된 것처럼 작동하는 이유를 모르지만 브라우저와 상관없이 응용 프로그램에서는 작동하지 않습니다.
가상 클래스 규칙을 올바른 순서로 지정 했습니까? (http://www.w3schools.com/css/css_link.asp 참조) 오작동 링크가 이전에 방문했거나 다른 방법으로 특별합니까? JavaScript가 해제 된 CSS 동작을 테스트 해 보셨습니까? 더 간단한 형태로 문제를 격리시킬 수 있습니까? – brianpeiris
실제로 나는 'a : visited'의 스타일을 지정하지 않았을 가능성이 있습니다. 반성에서, 나는 이것이 애플리케이션에서 작동하는 이유를 포함하여 모든 것을 설명 할 것이지만 데스크탑에 저장되지는 않는다고 믿습니다 (모든 링크는 다를 것입니다). 실패한 링크는 내가 따라온 링크 일 가능성이 큽니다. 나는 내일 일할 때 그것을 점검 할 것이다. –