2015-06-03 2 views
-1

У меня очень длинная страница HTML. Он состоит из нескольких таблиц HTML в нижней части страницы.jQuery прикрепить элементы при зависании?

У меня есть несколько ссылок/кнопок в верхней части для каждого стола внизу. При наведении/нажатии этих ссылок/кнопок я хочу, чтобы эта таблица отображалась в верхней части страницы HTML. Подобно всплывающей подсказке, но вся таблица должна быть в подсказке.

Я не хочу, чтобы исходный стол внизу менялся/исчезал. Так же, как короткое сокращение для доступа к различным элементам на странице.

Возможно ли это?

+0

Вы должны реализовать свой собственный «всплывающую подсказку» элементы или использовать [один из многих библиотек там] (https://www.google.com/search?q=jquery+tooltips+ плагин). Всплывающая подсказка с чем-либо, кроме простого текста, должна быть сделана на заказ. Пока вы можете [обнаружить позицию мыши] (http://stackoverflow.com/questions/4517198/how-to-get-mouse-position-in-jquery-without-mouse-events), это только проблема «плавающий» элемент, близкий к текущей позиции указателя, когда событие элемента hover происходит на элементе. – Lix

+0

Ваш вопрос очень широк. Вы должны поместить сокращенный HTML-код своей страницы. Это облегчает вам поддержку. – Christian

+0

Это необязательная подсказка. Просто, когда вы нажимаете на ссылку или кнопку, я должен иметь доступ к этой таблице тогда и там, только не прокручивая страницу вниз. Мы могли бы открыть новое всплывающее окно с таблицей. – yetanothercoder

ответ

0

Вы можете использовать загрузчик и загружать HTML-контент по своему желанию. Таким образом, вы используете библиотеку для реализации popover против кодирования с помощью jquery или raw JS.

Дополнительную информацию вы найдете здесь. HTML inside Twitter Bootstrap popover

+0

Я не хочу копировать таблицу html целевой таблицы, а затем показывать ее во всплывающем окне. Копирование HTML создаст элементы с дублирующимися идентификаторами. Даже если я изменяю идентификаторы, в таблице много динамических материалов. Поэтому мы просто хотим, чтобы другой триггер открыл ту же таблицу, не клонируя таблицу. – yetanothercoder

+0

Мой ответ не зависит от того, какой контент вы разместили в popover. Ваш вопрос заключался в том, как показать таблицу при наведении курсора на привязку, а не на клонирование данных таблицы. Примите мой ответ или измените свой вопрос. – Josh

0

Конечно, это возможно. вы всегда можете изменить innerHTML. Когда вы нажимаете/наводите кнопку, ваш метод просто добавляет содержимое этой таблицы к специальному div по вашему выбору. Поскольку вы можете получить innerHTML чего-нибудь, вы можете с ним все, что хотите. Я привел пример ниже. Но старайтесь задавать вопросы о примерах примеров spesific. Попробуйте что-нибудь и вернитесь, когда у вас есть проблема, которую вы не можете решить. Счастливый кодирования

$('#dynamicDiv').html($('#divToCopy').html() + $('#dynamicDiv').html()); 
Смежные вопросы