Перестал работать скрипт
Здравствуйте. Недавно только стал постигать всю эту кухню, так что сильно строго уж не судите. Пробую сделать сайт и вот такая штука случилась не пойму с чем связано, перестал работать покрайней мере один скрипт в коде:
<script type="text/JavaScript"> function adjustStyle(width) { width = parseInt(width); if (width < 460) { $("#wsize").attr("class", "xs_top_subcats clear"); /*$("#ulsize").attr("class", "ulcol");*/ } else if ((width >= 460) && (width < 690)) { $("#wsize").attr("class", "s_top_subcats clear"); /*$("#ulsize").attr("class", "m_ulcol");*/ } else if ((width >= 690) && (width < 963)) { $("#wsize").attr("class", "top_subcats clear"); /*$("#ulsize").attr("class", "m_ulcol");*/ } else if ((width >= 963) && (width < 1680)) { $("#wsize").attr("class", "m_top_subcats clear"); /*$("#ulsize").attr("class", "m_ulcol");*/ } else { $("#wsize").attr("class", "b_top_subcats clear"); } } $(function() { adjustStyle($(this).width()); $(window).resize(function() { adjustStyle($(this).width()); }); }); </script> <div id="wsize" class="top_subcats clear"> До недавнего времени все нормально функционировало, после уже сделал много разных настроек других частей сайта, модулей и т.п., но все это даже не в этом модуле не то что в коде одного из файлов модуля. И тут возникла необходимость опять вернутся к настройкам этого DIV-а, но увидел что скрипт уже не выполняет то что делал раньше без проблем. :help: что могло произойти, в каком месте мне рыть чтоб не отменят все что уже наделал??? |
Ну и понаписали Вы. :)
function adjustStyle() { var class = 'b', width = parseInt($(window).width()); if(width < 640) class = 'xs'; else if(width >= 460 && width < 690) class = 's'; else if(width >= 690 && width < 963) class = ''; else if(width >= 963 && width < 1680) class = 'm'; $("#wsize").prop('className', class + '_top_subcats clear'); } $(function() { adjustStyle(); $(window).resize(adjustStyle); }); |
Не спорю у меня все очень по дилетантски у меня, но я учусь:( . Но ваш вариант чет тоже не работает во 2ой строке выдает ошибку синтаксиса, менял зпт на ; не помогает (результата нет), не меняется class в зависимости от ширины окна браузера
|
А ты пояснение при ошибке-то смотрел? class - зарезервированое имя, его нельзя использовать в названиях переменных.
|
<script type="text/JavaScript"> function adjustStyle() { var cla = 'b', width = parseInt($(window).width()); if(width < 640) cla = 'xs'; else if(width >= 460 && width < 690) cla = 's'; else if(width >= 690 && width < 963) cla = ''; else if(width >= 963 && width < 1680) cla = 'm'; $("#wsize").prop('className', cla + '_top_subcats clear'); } $(function() { adjustStyle(); $(window).resize(adjustStyle); }); </script> <div id="wsize" class="top_subcats clear"> сделал так, но все равно не меняется. Да и дело явно не в самом скрипте, хотя конечно за более правильное/красивое его написание большой сяп, но трабла в том что у меня и стем моим раньше работало, а потом без каких-либо изменений в нем или в ближайшем коде, почему-то перестало работать, вот я не пойму где искать проблему? |
Не гони. Все меняется.
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.js"></script> <script type="text/JavaScript"> function adjustStyle() { var cla = 'b', width = parseInt($(window).width()); if(width < 640) cla = 'xs'; else if(width >= 460 && width < 690) cla = 's'; else if(width >= 690 && width < 963) cla = ''; else if(width >= 963 && width < 1680) cla = 'm'; $("#wsize").prop('className', cla + '_top_subcats clear'); alert("Имя класса изменено на "+$("#wsize").prop('className')); } $(function() { adjustStyle(); $(window).resize(adjustStyle); }); </script> <div id="wsize" class=""></div> |
Да я б с радостью просто гнал, но не пашет. вот код с начала файла и до этого момента
<?php /** * @package AdsManager * @copyright Copyright (C) 2010-2013 JoomPROD.com. All rights reserved. * @license GNU/GPL */ // Check to ensure this file is included in Joomla! defined('_JEXEC') or die( 'Restricted access' ); ?> <script type="text/javascript"> function tableOrdering( order, dir, task ) { var form = document.adminForm; form.filter_order.value = order; form.filter_order_Dir.value = dir; document.adminForm.submit( task ); } </script> <?php $conf= $this->conf; ?> <?php if ($conf->display_inner_pathway == 1) { ?> <div class="adsmanager_pathway breadcrumb"> <?php $pathway =""; $nb = count($this->pathlist); for ($i = $nb - 1 ; $i >0;$i--) { $pathway .= '<a href="'.$this->pathlist[$i]->link.'">'.$this->pathlist[$i]->text.'</a>'; $pathway .= ' <img src="'.$this->baseurl.'components/com_adsmanager/images/arrow.png" alt="arrow" /> '; } if (isset($this->pathlist[0])) $pathway .= '<a href="'.$this->pathlist[0]->link.'">'.$this->pathlist[0]->text.'</a>'; echo $pathway; ?> </div> <?php } ?> <h1 class="contentheading"> <?php if ($this->list_img != "") { echo '<img class="imgheading" src="'.$this->list_img.'" alt="'.$this->list_img.'" />'; } echo JText::_($this->list_name); if ($this->conf->show_rss == 1) { if (isset($this->listuser)) $linkrss = TRoute::_("index.php?option=com_adsmanager&view=list&format=feed&user=".$this->listuser); else $linkrss = TRoute::_("index.php?option=com_adsmanager&view=list&format=feed&catid=".$this->catid); echo '<a href="'.$linkrss.'" target="_blank"><img class="imgheading" src="'.$this->baseurl.'components/com_adsmanager/images/rss.png" alt="rss" /></a>'; } ?> </h1> <script type="text/JavaScript"> function adjustStyle() { var cla = 'b', width = parseInt($(window).width()); if(width < 640) cla = 'xs'; else if(width >= 460 && width < 690) cla = 's'; else if(width >= 690 && width < 963) cla = ''; else if(width >= 963 && width < 1680) cla = 'm'; $("#wsize").prop('className', cla + '_top_subcats clear'); } $(function() { adjustStyle(); $(window).resize(adjustStyle); }); </script> <div id="wsize" class=""> <div class="adsmanager_subcats clearfix"> <?php foreach($this->subcats as $key => $subcat) { $subcat->link = TRoute::_('index.php?option=com_adsmanager&view=list&catid='.$subcat->id); /*if ($key != 0) echo ' | ';*/ echo "<ul id='ulsize' class='ulcol'>"; echo '<li>'; echo '<a href="'.$subcat->link.'">'.'<div>'.$subcat->name.'</div>'.'</a>'; echo '</li>'; echo "</ul>"; } ?> </div> </div> Смотри с 57 строки :cray: |
Так, а с чего ты, собственно, взял, что не работает? Страницу инспектировал, проверял фактическое наличие класса? Или только по непроизошедшему следствию решил?
|
http://cdn.joxi.ru/uploads/prod/2014...467756dce3.png
стал тут лазить по этой панели в хроме и нашел вот такую ошибку: http://joxi.ru/aFtnUxjKTJBlDjW-kzE и с чем это едят? |
ВСЕЕЕ! Спасибо огромное, я и в правду гоню, в 57строку добавил <script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.js"></script> и все заработало:dance:
|
Часовой пояс GMT +3, время: 01:55. |