小编mik*_*ike的帖子

jQuery - 检测元素是否在视口中

我正在编写一个脚本,当它们出现在屏幕上时,它会为不同的元素提供一些动画。

第一步是检测它们何时进入屏幕。但这似乎不起作用。

我试过的:

-.visible()选择器,我很快发现它在 jQuery 中做了别的事情。

- 不同的插件,但我发现它们比我需要的要多得多,因此我决定自己编写/找到一些东西。

-我当前的脚本(我在论坛的某个地方找到了它并决定根据我的需要对其进行编辑)但是它的工作方式有点奇怪。

$.fn.isInViewport = function () {
    let elementTop = $(this).offset().top;
    let elementBottom = elementTop + $(this).outerHeight();

    let viewportTop = $(window).scrollTop();
    let viewportBottom = viewportTop + $(window).height();

    return elementBottom > viewportTop && elementTop < viewportBottom;
};

$(window).scroll(function () {
    if ($('.blogcard ').isInViewport()) {
        $(this).addClass("test");
        console.log('success.')
    } else {
        console.log('No success.')
    }
});
Run Code Online (Sandbox Code Playgroud)

不幸的是,这似乎没有向我的<div class='blogcard'>.

html javascript css jquery

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

Laravel 获取上传保存文件的路径

我有一个 Laravel 上传文件(以及传递到数据库的其他数据)一切正常。但我就是不知道如何保存保存的文件的路径。

这是我的控制器功能:

public function store(Request $request)
{
    request()->validate([
        'name'              => 'required',
        'logo'              => 'nullable',
        'original_filename' => 'nullable',
    ]);

    //This is where the file uploads?
    if ($request->hasFile('logo')) {
        $request->file('logo')->store('carrier_logo');
        $request->merge([
            'logo'              => '',//TODO: get file location
            'original_filename' => $request->file('logo')->getClientOriginalName(),
        ]);
    }

    Carrier::create($request->all());
    return redirect()->route('carriers.index')->with('toast', 'Carrier created successfully.');
}
Run Code Online (Sandbox Code Playgroud)

我想要实现的目标:我想要logo填充类似的东西carrier_logo/ZbCG0lnDkUiN690KEFpLrNcn2exPTB8mUdFDwAKN.png

每次我尝试修复它时发生的事情是它将临时路径放入数据库中。最终成为 PHP 安装目录中的某个东西。

php file-upload laravel

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

我应该如何在mysql_query函数中编写PHP $ _POST变量?

简单的问题.如何使查询工作?我知道你不能直接$_POST在查询中使用.但我不知道如何让这个工作.

$sql    = 'SELECT * FROM users WHERE `password` = $_POST[password] AND `username` = $_POST[username]';
$result = mysqli_query($link, $sql);

if (!$result) {
echo "DB Error, could not query the database\n";
echo 'MySQL Error: ' . mysqli_error($link);
exit;
Run Code Online (Sandbox Code Playgroud)

我也试过像这样使用mysqli_real_escape_string:

    $username_sql = mysqli_real_escape_string($link, $_POST['username']);
    $password_sql = mysqli_real_escape_string($link, $_POST['password']);
Run Code Online (Sandbox Code Playgroud)

这没有按计划运作.因为它仍然无法正常工作.

谢谢,

麦克风

php mysql sql

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

SCSS 在悬停时更改同级颜色

我有一个菜单,我想在悬停时更改链接颜色,但也将其所有同级更改为另一种颜色。没有JS这可能吗?

HTML:

<ul>
    <li>
        <a>lorem</a>
    </li>
    <li>
        <a>ipsum</a>
    </li>
</ul>
Run Code Online (Sandbox Code Playgroud)

社会保障:

ul {
    $primary-color: orange;

    > li {
        > a {
            color: #000;
            border-bottom: solid 2px transparent;

            &:hover {
                color: $primary-color;
                border-color: $primary-color;

                & + a:not(:hover) {
                    color: red;
                }
            }
        }
    }
}
Run Code Online (Sandbox Code Playgroud)

css menu sass hover siblings

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

标签 统计

css ×2

php ×2

file-upload ×1

hover ×1

html ×1

javascript ×1

jquery ×1

laravel ×1

menu ×1

mysql ×1

sass ×1

siblings ×1

sql ×1