小编lad*_*nta的帖子

表单提交后加载模式

相关页面:http: //marcmurray.net/test_sites/cans/news.php

我一直在尝试在用户提交电子邮件后加载消息确认模式一段时间,但根本无法使其工作.

到目前为止,我已经尝试回显整个脚本,触发脚本,更改URL中的哈希并检查它,这在网站的其他区域有效.

在页面上添加警报和回显文本等功能工作正常,但是当我使用show方法时它不起作用.这让我相信我要么错误地逃避字符,要么误解了模态的工作原理.任何人都可以看到我搞砸了吗?

PHP:

<?php
if(isset($_POST["submit"])) {
        // Checking For Blank Fields..
    if($_POST["vname"]==""||$_POST["vemail"]==""||$_POST["sub"]==""||$_POST["msg"]==""){
       echo "Please fill out everything! We need to know who you are, and why you want to get in touch with us!";}
    else
        {
        // Check if the "Sender's Email" input field is filled out
        $email=$_POST['vemail'];
                // Sanitize E-mail Address
        $email =filter_var($email, FILTER_SANITIZE_EMAIL);
                // Validate E-mail Address
        $email= filter_var($email, FILTER_VALIDATE_EMAIL);
        $emailConfirmed=$_POST['vemail'];
        if (!$email){
          echo "Don't forget to include your email adress! Otherwise we …
Run Code Online (Sandbox Code Playgroud)

javascript php jquery twitter-bootstrap

14
推荐指数
2
解决办法
5万
查看次数

运行"saas:dev"(sass)任务总线错误:10

我正在运行grunt-sass来尝试编译我的SCSS,但是每次运行我都会遇到总线错误:10.使用Node版本5.6.0,可以在这里找到错误的图像.

有没有人遇到过这个?

Gruntfile.js:

module.exports = function(grunt) {

    // Configure tasks
    grunt.initConfig({
        pkg: grunt.file.readJSON('package.json'),
        uglify: {
            dev: {
                options: {
                    beautify: true,
                    mangle: false,
                    compress: false,
                    preserveComments: 'all'
                },
                src: 'src/js/*.js',
                dest: 'js/script.min.js'
            },
            build: {
                src: 'src/js/*.js',
                dest: 'js/script.min.js'
            }

        },
        sass: {
            dev: {
                options: {
                    outputStyle: 'expanded'
                },
                files: {
                    'src/lad.css': 'src/sass/style.scss'
                }
            }
        },
        watch: {
            js: {
                files: 'src/js/*.js',
                tasks: ['uglify:dev']
            }
        }
    });

    // Load the plugins
    grunt.loadNpmTasks('grunt-contrib-uglify');
    grunt.loadNpmTasks('grunt-contrib-watch');
    grunt.loadNpmTasks('grunt-sass');

    // Register tasks …
Run Code Online (Sandbox Code Playgroud)

javascript gruntjs

11
推荐指数
1
解决办法
709
查看次数

&amp;:悬停时 Sass 不起作用

我使用 SASS 和 bootstrap 来创建一个导航,但无法让悬停的伪类正常工作,有人能看到我做错了什么吗?

HTML:

    <div class="container">
    <nav class="navbar navbar-default" role="navigation">
        <!-- Brand and toggle get grouped for better mobile display -->
        <div class="navbar-header">
            <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-ex1-collapse">
                <span class="sr-only">Toggle navigation</span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>
        </div>
        <!-- Collect the nav links, forms, and other content for toggling -->
        <div class="collapse navbar-collapse navbar-ex1-collapse">
            <ul class="nav navbar-nav">
                <li><a href="#">Home</a></li>
                <li><a href="#">Our Clients</a></li>
                <li class="logo"></li>
                <li><a href="#">Our Products</a></li>
                <li><a href="#">Contact Us</a></li>
            </ul>
        </div>
    </nav>
</div>
Run Code Online (Sandbox Code Playgroud)

CSS/SASS 在这里:

.navbar …
Run Code Online (Sandbox Code Playgroud)

css sass twitter-bootstrap

3
推荐指数
2
解决办法
2万
查看次数

Bootstrap导航不会在仿真/真实设备上折叠

有问题的网站:http: //marcmurray.net/test_sites/cans/

当我调整浏览器窗口大小时,我的自举响应导航栏会崩溃,但是在移动设备和模拟设备上,导航器会缩小.我的导航HTML如下:

<nav class="navbar navbar-inverse navbar-static-top" role="navigation">
    <div class="container">
        <div class="navbar-header">
            <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
                <span class="sr-only">Toggle navigation</span>
            </button>
        </div>
        <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
            <ul class="nav navbar-nav">
                <li><a href="index.php" class="activepage">Home</a></li>
                <li><a href="why.php">Why Us?</a></li>
                <li><a href="process.php">Process</a></li>
                <li><a href="news.php">News</a></li>
                <li><a href="#contact">Contact</a></li>
            </ul>
        </div>
    </div>
</nav>
Run Code Online (Sandbox Code Playgroud)

任何人都可以看到我错在哪里?

html css twitter-bootstrap

1
推荐指数
1
解决办法
30
查看次数

标签 统计

twitter-bootstrap ×3

css ×2

javascript ×2

gruntjs ×1

html ×1

jquery ×1

php ×1

sass ×1