Разделение и использование исходного кода (обновлено) Форма не появится

0

Хорошо, я буквально пытался получить исходный код для встроенного всплывающего окна fancybox, но я не могу его получить. Я поставил код вместе, но моя веб-страница сбой, когда я пытаюсь сохранить его на моем site builder.

Fancybox: http://fancyapps.com/fancybox/#examples (я пытаюсь получить "Inline - автоматическое определение ширины/высоты" в нижней части веб-страницы)

Вот что я пробовал:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<script type="text/javascript" src="/js/fancybox-1.3.4/jquery.fancybox-1.3.4.js">   </script>
<link rel="stylesheet" type="text/css" href="/js/fancybox-1.3.4/jquery.fancybox-1.3.4.css" media="screen" />
<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<style>
 @media only screen and (max-width: 900px) {
  /* change the media content paddings and margins
  if the screen max-width is just 900px
  if total width is 900px only..*/
  }
 </style>
</head>
<body>

<ul>
  <li>
   <a id="various1" href="#inline1" title="Lorem ipsum dolor sit amet">Inline - auto detect width / height
   </a>
  </li>
</ul>
</body>
</html>
  • 0
    @tymeJV Я не знаю ни одного из последних, и Fancybox поддерживает несколько браузеров.
  • 0
    Я пытался найти, какая версия jQuery требуется для Fancybox, но не смог найти ничего определенного. Согласно журналу изменений Fancybox , в Fancybox 1.3.3 недавно было исправлено: «Ajax теперь работает с jQuery 1.3+». Хотя это все еще может иметь место, что такая старая версия jQuery вызывает проблему, это не может быть, так как журнал изменений подразумевает поддержку даже более старой версии jQuery. @user2680614 user2680614 Более свежей версией jQuery, которая все еще поддерживает более старые браузеры (например, IE6 +), будет любой jQuery 1.xx (1.10.x - самая последняя). jQuery 2.x поддерживает IE9 +.
Показать ещё 3 комментария
Теги:

1 ответ

1

То, что они используют, может быть выполнено

  1. CSS с использованием медиа-запроса

  2. jQuery, но с использованием последней версии. Вы используете старый! Получите последнюю версию здесь: http://www.jquery.com в нижнем колонтитуле!

Использование CSS:

Вы можете использовать CSS, это:

@media only screen and (max-width: 900px) {
 /* change the media content paddings and margins
 if the screen max-width is just 900px
 if total width is 900px only..*/
}

Затем вы можете изменить max-width: 900px на любой другой размер экрана, если вы хотите изменить нижний колонтитул и прочерк или ширину элемента или другие свойства css.

Если вы хотите использовать jQuery:

Затем вы можете использовать:

if ($(window).width() < 960) {
  $('footer').css('padding', '20px');
}

Этот код изменит заполнение тега нижнего колонтитула до 20px, если window.width меньше 960!

Это то, что они используют. Во- вторых, живой сдвиг в footer из - процентного заполнения может быть. Потому что он автоматически переключается; то предположение будет относиться к проценту.

Поделиться
  • 0
    Это полезно, но мне нужно знать, что я сделал неправильно внутри приведенного выше кода, прежде чем я смогу даже добавить или внести изменения.
  • 0
    Извините, но я не вижу там вашего кода! Все , что я вижу , это материал , который должен быть в head тега. Ничего больше. Можете ли вы показать мне какой-либо JQuery или CSS? Я скажу вам, где вы были не правы. Вы можете просто попытаться обновить версию jquery. :) Это будет исправить, я думаю,
Показать ещё 4 комментария

Ещё вопросы

Сообщество Overcoder
Наверх
Меню