首页 > 其他分享 >front文件

front文件

时间:2024-07-20 19:30:42浏览次数:12  
标签:function 文件 label ------------------------------------------------------- ------

$(document).ready(function () {

'use strict';

// ------------------------------------------------------- //
// Search Box
// ------------------------------------------------------ //
$('#search').on('click', function (e) {
e.preventDefault();
$('.search-box').fadeIn();
});
$('.dismiss').on('click', function () {
$('.search-box').fadeOut();
});

// ------------------------------------------------------- //
// Card Close
// ------------------------------------------------------ //
$('.card-close a.remove').on('click', function (e) {
e.preventDefault();
$(this).parents('.card').fadeOut();
});

// ------------------------------------------------------- //
// Tooltips init
// ------------------------------------------------------ //

$('[data-toggle="tooltip"]').tooltip()


// ------------------------------------------------------- //
// Adding fade effect to dropdowns
// ------------------------------------------------------ //
$('.dropdown').on('show.bs.dropdown', function () {
$(this).find('.dropdown-menu').first().stop(true, true).fadeIn();
});
$('.dropdown').on('hide.bs.dropdown', function () {
$(this).find('.dropdown-menu').first().stop(true, true).fadeOut();
});


// ------------------------------------------------------- //
// Sidebar Functionality
// ------------------------------------------------------ //
$('#toggle-btn').on('click', function (e) {
e.preventDefault();
$(this).toggleClass('active');

$('.side-navbar').toggleClass('shrinked');
$('.content-inner').toggleClass('active');
$(document).trigger('sidebarChanged');

if ($(window).outerWidth() > 1183) {
if ($('#toggle-btn').hasClass('active')) {
$('.navbar-header .brand-small').hide();
$('.navbar-header .brand-big').show();
} else {
$('.navbar-header .brand-small').show();
$('.navbar-header .brand-big').hide();
}
}

if ($(window).outerWidth() < 1183) {
$('.navbar-header .brand-small').show();
}
});

// ------------------------------------------------------- //
// Universal Form Validation
// ------------------------------------------------------ //

$('.form-validate').each(function() {
$(this).validate({
errorElement: "div",
errorClass: 'is-invalid',
validClass: 'is-valid',
ignore: ':hidden:not(.summernote, .checkbox-template, .form-control-custom),.note-editable.card-block',
errorPlacement: function (error, element) {
// Add the `invalid-feedback` class to the error element
error.addClass("invalid-feedback");
console.log(element);
if (element.prop("type") === "checkbox") {
error.insertAfter(element.siblings("label"));
}
else {
error.insertAfter(element);
}
}
});

});

// ------------------------------------------------------- //
// Material Inputs
// ------------------------------------------------------ //

var materialInputs = $('input.input-material');

// activate labels for prefilled values
materialInputs.filter(function() { return $(this).val() !== ""; }).siblings('.label-material').addClass('active');

// move label on focus
materialInputs.on('focus', function () {
$(this).siblings('.label-material').addClass('active');
});

// remove/keep label on blur
materialInputs.on('blur', function () {
$(this).siblings('.label-material').removeClass('active');

if ($(this).val() !== '') {
$(this).siblings('.label-material').addClass('active');
} else {
$(this).siblings('.label-material').removeClass('active');
}
});

// ------------------------------------------------------- //
// Footer
// ------------------------------------------------------ //

var contentInner = $('.content-inner');

$(document).on('sidebarChanged', function () {
adjustFooter();
});

$(window).on('resize', function () {
adjustFooter();
})

function adjustFooter() {
var footerBlockHeight = $('.main-footer').outerHeight();
contentInner.css('padding-bottom', footerBlockHeight + 'px');
}

// ------------------------------------------------------- //
// External links to new window
// ------------------------------------------------------ //
$('.external').on('click', function (e) {

e.preventDefault();
window.open($(this).attr("href"));
});

// ------------------------------------------------------ //
// For demo purposes, can be deleted
// ------------------------------------------------------ //

var stylesheet = $('link#theme-stylesheet');
$("<link id='new-stylesheet' rel='stylesheet'>").insertAfter(stylesheet);
var alternateColour = $('link#new-stylesheet');

if ($.cookie("theme_csspath")) {
alternateColour.attr("href", $.cookie("theme_csspath"));
}

$("#colour").change(function () {

if ($(this).val() !== '') {

var theme_csspath = 'css/style.' + $(this).val() + '.css';

alternateColour.attr("href", theme_csspath);

$.cookie("theme_csspath", theme_csspath, {
expires: 365,
path: document.URL.substr(0, document.URL.lastIndexOf('/'))
});

}

return false;
});

});

标签:function,文件,label,-------------------------------------------------------,------
From: https://www.cnblogs.com/lz2z/p/18313634

相关文章

  • jq验证文件
    /*!jQueryValidationPlugin-v1.17.0-7/29/2017*https://jqueryvalidation.org/*Copyright(c)2017JörnZaefferer;LicensedMIT*/!function(a){"function"==typeofdefine&&define.amd?define(["jquery"],a):"object"==......
  • CuteHttpFileServer(文件共享工具) v3.1
    CuteHttpFileServer/chfs是一个免费的、HTTP协议的文件共享服务器,使用浏览器可以快速访问。与其他常用文件共享方式(如FTP,飞秋,网盘,自己建站)相比,具有使用简单,适用场景更多的优点,在个人使用以及共享给他人的场景中非常方便快捷。软件特色单个文件,核心功能无需其他文件跨平台运行,......
  • bootstrao文件
    /*====================================================================================================================Bootstrap4AdminTemplatehttps://bootstrapious.com/p/admin-template=====================================================================......
  • Day44.MySQL配置文件修改
    1.MySQL配置文件修改_编码问题导致需要修改配置2.MySQL配置文件修改_创建my.ini文件并查看用户登录MySQL是否会执行该文件内容3.MySQL配置文件修改_在my.ini中加入mysql编码配置后,重启mysql服务编码统一即可生效4.MySQL配置文件修改_在my.ini中加入管理员和密码,重启mysql服......
  • kettle从入门到精通 第七十九课 ETL之kettle kettle读取数据库BLOB字段转换为文件
     上一课我们讲解了如何将文件以二进制流的方式写入数据库,本节课我们一起学习下如何将二进制数据读取为文件。 1、将二进制流转换为文件这里主要用到了步骤【文本文件输出】。表输入步骤从表中读取blob字段,java代码定义二进制流转换为文件的全路径,文本文件输出步骤根据全路径和......
  • kettle从入门到精通 第七十八课 ETL之kettle kettle将文件写入数据库BLOB字段
    前些日子一个小伙伴私聊我咨询如何将数据库中的BLOB字段读取为文件。帮他顺利读取文件之后我在想kettle肯定支持将文件写入数据库BLOB字段。今天先来一起学习下如何将文件以二进制流的方式写进数据库。 1、创建数据表,脚本如下:CREATETABLE`file`(`id`bigintNOTNULLA......
  • Perl中的秘密档案:探索文件系统元数据
    Perl中的秘密档案:探索文件系统元数据在Perl编程中,文件系统元数据提供了关于文件和目录的详细信息,这些信息超越了文件名和路径本身。元数据可以包括文件类型、大小、权限、创建和修改时间等。Perl提供了多种方式来获取和操作这些元数据,使得文件系统管理变得更加灵活和强大。......
  • thinkphp数据库配置文件在哪里?怎么修改?
    thinkphp数据库配置文件tp3.2是config.phptp5是database.php<?phpreturnarray('DB_TYPE'=>'mysql',//数据库类型'DB_HOST'=>'127.0.0.1',//数据库服务器地址'DB_NAME'=>'thinkphp',//数据库名称......
  • 帝国CMS的数据库配置文件是哪个?怎样修改数据库配置信息?
    数据库的配置文件路径是:e/class/config.php这里面有一点要特别说明:对于帝国7.0以后的版本,数据库路径就是e/config/config.php713eb8bb4de47619eb43f58eadef3af9_watermark,type_ZHJvaWRzYW5zZmFsbGJhY2s,shadow_50,text_Q1NETiBAcXFfMTU0NzQ3OTkzNA==,size_14,color_FFFFFF,t_7......
  • 易优CMS付费说读article pay.htm文件(仅PC端需要此文件)
    模板文件放在/template/PC或Mobile/system/里面<!--电脑端使用此标签需要加载/template/pc/system/article_pay.htm模板文件,手机端不需要此文件--><!DOCTYPEHTML><html><head><metacharset="utf-8"/><title>订单支付-{eyou:globalname='web_......