ther8.com есть кнопка в правом верхнем углу, как Login
когда я нажимаю на нее, она показывает всплывающее окно.
Мне нужно создать подобную кнопку и попробовать ниже
$( "#domylogin" ).click(function() {
$( "#fancybox-overlay" ).show( "slow" );
});
и выше не работает.
Кроме того, в инспекторе Chrome я попытался удалить имя div и имя класса для элемента Login
и попытался в следующем порядке
<a href="#popup2">Login</a>
и это все еще работает. Я не могу определить, как это работает. Мне нужно создать еще одну кнопку входа на той же странице, но в другой области, которая должна отображать одно и то же всплывающее окно, но не отображаться. Может ли кто-нибудь дать мне представление, как это исправить?
Я создал <span id="domylogin">Login</span>
и я хочу, чтобы это сработало.
Я тоже пытался, но это тоже не сработало
<script type="text/javascript">
function anotherlogin() {
div = document.getElementById('fancybox-overlay');
div.style.display = "block";
}
document.getElementById('domyligin').onclick
{
anotherlogin();
}
</script>
Update1:
Я думаю, что # fancybox-overlay и его содержимое загружается по запросу с использованием AJAX, но я не уверен, кто-нибудь может открыть www.ther8.com и нажать кнопку входа в систему сверху и посмотреть, как отображается всплывающее окно.
Вам нужно назначить функцию javascript для onclick для привязки обработчика.
document.getElementById('domyligin').onclick = function()
{
anotherlogin();
}
редактировать
Убедитесь, что элементы добавлены в DOM, прежде чем связывать с ними события, вы можете поместить свой скрипт непосредственно перед закрытием тега тела.
Включите ли вы библиотеку jQuery и fancybox?
С вашего поста, кажется, использует эту библиотеку.