Блог

Главная - Вопросы по программированию - Функция поиска Javscript работает нерегулярно

Функция поиска Javscript работает нерегулярно

#javascript #html #css #.htaccess

#javascript #HTML #css #.htaccess

Вопрос:

У меня есть простая функция поиска на странице продуктов моего Hi-fi бизнеса. Я в некотором роде разработчик-новичок и подключил SaaS для репозитория продуктов, а также вставил HTML / CSS / JS.

Иногда это работает, иногда нет.

Я заметил, что когда я нажимаю enter для поиска элемента, URL-адрес продукта появляется в адресной строке, но страница не загружается. Консоль и исходные коды (opera) не показывают никаких ошибок.

Вот часть моего кода:

 <head>
<meta charset="UTF-8">
<meta name="viewport"
    content="width=device-width, height=device-height, initial-scale=1.0, user-scalable=0, minimum- 
scale=1.0, maximum-scale=1.0">
<title>Tuto</title>
</head>


<body style=" background-color: rgb(4, 41, 255);">

<input type="search" autocomplete="off" value="" placeholder="Search here..." id="search" 
onchange="openPage()">

<script>
function openPage() {
var x = document.getElementById("search").value;

if (x.toLowerCase() === "Wave".toLowerCase()) {
window.top.location = ("/Products#!/products/wave-usb---dealer-only---click-for-more-info");
}
        
if (x.toLowerCase() === "Wave USB".toLowerCase()) {
window.top.location = ("/Products#!/products/wave-usb---dealer-only---click-for-more-info");
}
        
if (x.toLowerCase() === "Waltz links".toLowerCase()) {
window.top.location = ("/Products#!/products/waltz-speaker-links");
}
        
if (x.toLowerCase() === "Waltz speakerlinks".toLowerCase()) {
window.top.location = ("/Products#!/products/waltz-speaker-links");
}
        
}            
        
</script>

</body>

Спасибо за ваше время и будьте в безопасности.

Комментарии:

1. это работает для меня, можете ли вы предоставить нам дополнительную информацию, когда она работает не так, как предполагалось?

2. Привет, Кшиштоф, больше нечего расширять, кроме того, что он появляется в адресной строке, но не загружает продукт. Я заметил, что есть некоторые продукты, в которых дважды указано «продукты», но они загружаются вручную нормально? Пример, если (x.toLowerCase() === «Jet».toLowerCase()) { window.top.location = («/Products #!/—hdmi/products/jet-hdmi—только для дилеров -нажмите для получения дополнительной информации»);} if (x.toLowerCase() === «Волна». toLowerCase()) { window.top.location = («/Products#!/products/wave-usb-только для дилеров -нажмите для получения дополнительной информации»); }

3. Привет, я переместил свой контейнер продукта на 5 пикселей по вертикали, и теперь он работает … раздражает, ха-ха!

4. Хорошо, теперь он снова не работает должным образом…

5. Никакие ссылки не работают слева от www.black-rhodium.co.uk/products либо.