Якорь в pulltab не работает

У меня есть интересная проблема, которую я, похоже, не могу решить и не нахожу ответа ни здесь, ни в Интернете. Чтобы перейти прямо к моей проблеме:

Я реализую pull-tab для своего веб-сайта, чтобы предупреждать посетителей о какой-либо информации и ссылку, которую я хотел бы видеть. В настоящее время pull-tab работает правильно, но проблема заключается в привязке. Когда я нажимаю на него, он ничего не делает, когда я щелкаю правой кнопкой мыши и открываю на новой вкладке, он переходит к нужному URL-адресу.

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

<div>
 <div>
 <svg xmlns="http://www.w3.org/2000/svg">
 
 <text xmlns="http://www.w3.org/2000/svg" x="-0" y="0" fill="rgb(255, 255, 255)" font-size="17" transform="rotate(-90)" text-rendering="optimizeSpeed">
 Pull This Tab
 </text>
 </svg>
 </div>
 <div>
 <h3>60 Second Survey!</h3>
 Take a minute to help us tailor the library website to better meet your needs:<a href="[link here]" target="_blank">Click Here</a>
 </div>
</div>

Если у кого-нибудь есть предложения по поводу проблемы или какие-либо способы очистки этого кода, я был бы более чем счастлив попробовать.

Спасибо за ваше время и любую помощь/предложения, которые вы можете мне дать!

1 ответ

После нескольких испытаний и дальнейших исследований. Я исправил обе проблемы в вышеупомянутом вопросе. Я исправил проблему с каналом, и я очистил код, поэтому он намного проще, чем раньше. Вот мои изменения, которые ответили на мою проблему.

Я переключил свой код с использования класса animate и вместо этого использовал класс toggleClass с новым элементом CSS, который имитирует то, что мне нужно от анимации. Вот мой измененный код:

Изменения jQuery:

$(document).ready(function() {
 $('.pop-out-notice .tab').click(function(){
 $('.pop-out-notice').toggleClass('pop-out-toggle');
 });
});

Добавления CSS:

.pop-out-notice{
 ...
 transition: 1.75s;
}
.pop-out-toggle{
 left: 0px !important;
}

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

licensed under cc by-sa 3.0 with attribution.