Код Javascript для плавной прокрутки на веб-сайте не работает после обновления версии Contao - PullRequest
Новая
       10

Код Javascript для плавной прокрутки на веб-сайте не работает после обновления версии Contao

0 голосов
/ 20 декабря 2018

Я сделал плавную прокрутку, используя JavaScript в моем макете, но после обновления скрипт не работает.

Каждый раз, когда у меня появляется одна и та же ошибка:

Сценарий: 

<script>
$(function() {
  $('a[href*=#]:not([href=#mmenu], [href=#article-38])').click(function() {
    if (location.pathname.replace(/^\//,'') == this.pathname.replace(/^\//,'') && location.hostname == this.hostname) {
      var target = $(this.hash);
      target = target.length ? target : $('[name=' + this.hash.slice(1) +']');
      if (target.length) {
        $('html,body').animate({
          scrollTop: target.offset().top - 100
        }, 1000);
        return false;
      }
    }
  });
});
</script>
<script>
$(function() {
  $('a[href=#article-38]').click(function() {
    if (location.pathname.replace(/^\//,'') == this.pathname.replace(/^\//,'') && location.hostname == this.hostname) {
      var target = $(this.hash);
      target = target.length ? target : $('[name=' + this.hash.slice(1) +']');
      if (target.length) {
        $('html,body').animate({
          scrollTop: target.offset().top
        }, 1000);
        return false;
      }
    }
  });
});
</script>

И вот ошибки: 

Uncaught Error: Syntax error, unrecognized expression: a[href*=#]:not([href=#mmenu], [href=#article-38])
    at Function.oe.error (jquery-3.3.1.min.js:2)
    at oe.tokenize (jquery-3.3.1.min.js:2)
    at oe.select (jquery-3.3.1.min.js:2)
    at Function.oe [as find] (jquery-3.3.1.min.js:2)
    at w.fn.init.find (jquery-3.3.1.min.js:2)
    at new w.fn.init (jquery-3.3.1.min.js:2)
    at w (jquery-3.3.1.min.js:2)
    at HTMLDocument.<anonymous> (home.html:62)
    at l (jquery-3.3.1.min.js:2)
    at c (jquery-3.3.1.min.js:2)
    
    
    jquery-3.3.1.min.js:2 Uncaught Error: Syntax error, unrecognized expression: a[href=#article-38]
    at Function.oe.error (jquery-3.3.1.min.js:2)
    at oe.tokenize (jquery-3.3.1.min.js:2)
    at oe.select (jquery-3.3.1.min.js:2)
    at Function.oe [as find] (jquery-3.3.1.min.js:2)
    at w.fn.init.find (jquery-3.3.1.min.js:2)
    at new w.fn.init (jquery-3.3.1.min.js:2)
    at w (jquery-3.3.1.min.js:2)
    at HTMLDocument.<anonymous> (home.html:78)
    at l (jquery-3.3.1.min.js:2)
    at c (jquery-3.3.1.min.js:2)

Это скрипт, который я использовал на своем веб-сайте Contao, и после обновления сайта скрипт не работает.

Я перепробовал много изменений, но ни один из них не сработал.

Есть предложения?

Заранее спасибо.

1 Ответ

0 голосов
/ 20 декабря 2018

Это мое гладкое меню.Работает, но без плавного эффекта ... 

<div id="smoothscroll-menu">
	<div id="nav-header" class="scmenu-dot"><p class="tooltip">Start</p><a href="#article-38"></a></div>
	<div id="nav-cont1" class="scmenu-dot"><p class="tooltip">Page1</p><a href="#cont1"></a></div>
	<div id="nav-cont2" class="scmenu-dot"><p class="tooltip">Page2</p><a href="#cont2"></a></div>
	<div id="nav-cont3" class="scmenu-dot"><p class="tooltip">Page3</p><a href="#cont3"></a></div>
	<div id="nav-cont4" class="scmenu-dot"><p class="tooltip">Page4</p><a href="#cont4"></a></div>
	<div id="nav-cont5" class="scmenu-dot"><p class="tooltip">Page5</p><a href="#cont5"></a></div>
	<div id="nav-cont6" class="scmenu-dot"><p class="tooltip">Page6</p><a href="#cont6"></a></div>
	<div id="nav-partner" class="scmenu-dot"><p class="tooltip">Partner</p><a href="#partner"></a></div>
	<div id="nav-footer" class="scmenu-dot"><p class="tooltip">Kontakt</p><a href="#footer"></a></div>
</div>
...