<script>
в файле влияет на доступность этому скрипту других DOM-элементов. Скрипт начинает исполняться сразу, как только он загрузился. Ваш <div>
в это момент ещё отсутствует.$( function() {
... // Здесь ваш код
} )
window.onload = function() {
... // Здесь ваш код
}
Нужно в body поместить?
var Openlink = function () {
for ( var i = 1; i <= 5; console.log( Openlink.link + ( i++ + Openlink.StartNum) ) );
Openlink.StartNum += 5;
}
Openlink.link = 'https://vk.com/club';
Openlink.StartNum = 0;
$( '.nav-color' ).on( 'click', 'li', function() {
let currentColor = $( this ).data( 'color' );
$( '.toggle-el:not(.' + currentColor + '):first' ).addClass( currentColor );
} );
// Действие при клике на общий чекбокс
$( 'input#checkall' ).on( 'change', function() {
let val = $( this ).prop( 'checked' ); // значение общего чекбокса
$( this ).closest( 'table' ).find( 'input[type=checkbox]:not(#checkall)' ).prop( 'checked', val ); // всем остальным чекбоксам присваиваем то же значение
}
// Действие при изменении чекбокса каждой строки (кроме строки заголовков)
$( 'input[type=checkbox]:not(#checkall)' ).on( 'change', function() {
$( this ).closest( 'tr' ).toggleClass( 'selected' ); // включаем или выключаем класс selected у всей строки
}
// Действие при клике по другим ячейкам строки = клику по чекбоксу (если это надо)
$( 'tr:gt(0) td:gt(0)' ).on( 'click', function() {
let cb = $( this ).find( 'input' ); // чекбокс пригодится
let newVal = !cb.prop( 'selected' ); // инвертированное значение чекбокса
cb.prop( 'selected', val ); // присваиваем инвертированное значение чекбоксу
}
const ScrollValue = 321;
var arrow_left = $( '#arr_left' );
var elem = $( '#wr_1' );
$( document ).on( 'mouseup', function() {
if ( elem.scrollLeft() > ScrollValue )
arrow_left.removeClass( 'arrow_none' );
else
arrow_left.addClass( 'arrow_none' );
}
arrow_left.on( 'click', function() {
elem.animate( { scrollLeft: '-=' + ScrollValue }, 500 );
} );
require ('mpdf.php');
$pdf = new mPDF('utf-8', 'A4');
$pdf->charset_in = 'cp1251';
$style = file_get_contents('style.css');
$pdf->WriteHTML($style, 1);
$html = " .... "; // Сюда пишите ваш <body>...</body>
$pdf->WriteHTML($html, 2);
$pdf->Output();
<input onchange = "if (/-*\d+\.?\d*(\s*[\+-\/\*]\s*\d+\.?\d*)/.test(this.value)) alert(eval(this.value))">
$( "form" ).submit( function() {
if ( !this.checkValidity() )
alert( "Пожалуйста, заполните обязательные поля." );
else {
$.ajax( {
type: "POST",
url: "/form/mail.php",
data: $( this ).serialize()
} ).done( function() {
alert( "Заявка принята! В ближайшее время наш менеджер с Вами свяжется." );
} );
} );
<select name='house_type'>
<option value='0'>каркасный</option>
....
</select>
<input name='square'>
<div id='battery'> // Батарея из трёх секций
<img id='hot' src='hot_section.png'>
<img id='hot' src='hot_section.png'>
<img id='hot' src='hot_section.png'>
<img id='cold' src='cold_section.png'>
<img id='cold' src='cold_section.png'>
<img id='cold' src='cold_section.png'>
</div>
$( '[name=house_type], [name=square]' ).on( 'change', function() {
var p = calcPower( $( '[name=house_type]' ).value, $( '[name=square]' ).value ) // Вычисление количества включённых секций
showPowerLevel( p );
});
function showPowerLevel( p ) {
$( '#hot:lt( '+p+' )' ).show();
$( '#hot:gt( '+p+'-1 )' ).hide();
$( '#cold:lt( '+p+' )' ).hide();
$( '#cold:gt( '+p+'-1 )' ).show();
}
showPowerLevel( 0 );