Перестал работать скрипт
Здравствуйте. Недавно только стал постигать всю эту кухню, так что сильно строго уж не судите. Пробую сделать сайт и вот такая штука случилась не пойму с чем связано, перестал работать покрайней мере один скрипт в коде:
<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, время: 00:07. |