我正在编写一个脚本,当它们出现在屏幕上时,它会为不同的元素提供一些动画。
第一步是检测它们何时进入屏幕。但这似乎不起作用。
我试过的:
-.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'>.
我有一个 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 安装目录中的某个东西。
简单的问题.如何使查询工作?我知道你不能直接$_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)
这没有按计划运作.因为它仍然无法正常工作.
谢谢,
麦克风
我有一个菜单,我想在悬停时更改链接颜色,但也将其所有同级更改为另一种颜色。没有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)