2009-12-15 2 views
0

У меня есть приложение ASP.NET MVC, которое содержит jQuery Treeview и jQuery Splitter. Наверху есть заголовок. Ниже этого разделителя используется для 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 и таблицы стилей и просматриваю страницу в браузере, нажимая на сохраненную страницу, проблема не возникает.

Я пробовал как Internet Explorer 7, так и последнюю версию Firefox, а ссылки работают точно так же, как, но только при запуске реального приложения. Все работы по стилизации, за исключением <a:link> в разделе #Content.

Неужели кто-нибудь видел подобные случайные стилистические ошибки ссылок раньше? Я в недоумении. Я не понимаю, почему страница будет работать так, как рекламируется, если я сохраню ее из браузера и снова открою ее, но она не будет работать из приложения, независимо от браузера.

+0

Вы указали свои правила псевдокласса в правильном порядке? (См .: http://www.w3schools.com/css/css_link.asp) Являются ли неправильные отношения ранее посещенными или специальными по-другому? Вы тестировали поведение CSS с отключенным JavaScript? Можете ли вы изолировать проблему в более простой форме? – brianpeiris

+0

На самом деле есть вероятность, что я не назвал 'a: visited'. Поразмыслив, я считаю, что это объяснит все, в том числе, почему оно работает в приложении, но не сохраняется на рабочем столе (все ссылки будут разными). Вероятнее всего, сбойные ссылки - те, за которыми я следовал. Я проверю это, когда буду работать завтра. –

ответ

1

Исправлено добавлением a:visited { text-decoration:none } в таблицу стилей области содержимого и очисткой кеша браузера.

0

Имеет ли пользовательский интерфейс jQuery какие-либо стилистические CSS-файлы или встроенные css, созданные самими функциями jQuery. Вполне вероятно, что ссылки с проблемами имеют другую каскадную подпись, и поэтому ваш css не применяется. Используйте Firebug для проверки селекторов css.

+0

Укладка, да. Встроенный сгенерированный, нет. –

+0

Тогда я подозреваю, что пользовательский интерфейс jQuery, предоставляемый css, противоречит вашим. –