我正在尝试包含datepickerfor Bootstrap但是我收到以下错误:
Uncaught TypeError: $(...).datepicker is not a function
我不明白为什么会这样.我看过这个错误的其他情况,但没有一个匹配我的.
HTML:
<script src="https://code.jquery.com/jquery-2.2.4.min.js" integrity="sha256-BbhdlvQf/xTY9gja0Dq3HiwQF8LaCRTXxZKRutelT44=" crossorigin="anonymous"></script>
<script src="<?php echo BASE_URL; ?>/js/moment.min.js"></script>
<script src="<?php echo BASE_URL; ?>/js/bootstrap.min.js"></script>
<script src="<?php echo BASE_URL; ?>/js/bootstrap-datetimepicker.min.js"></script>
<script src="<?php echo BASE_URL; ?>/js/main.js"></script>
<div class="col-md-6">
<div class="form-group">
<label for="geboortedatum">Geboortedatum:</label>
<div class="input-group datepicker" data-provide="datepicker">
<input type="text" name="geboortedatum" id="geboortedatum" class="form-control">
<div class="input-group-addon">
<span class="glyphicon glyphicon-th"></span>
</div>
</div>
</div>
</div>
Run Code Online (Sandbox Code Playgroud)
JS:
$(document).ready(function() {
$('.datepicker').datepicker({
format: 'dd/mm/yyyy'
});
});
Run Code Online (Sandbox Code Playgroud)
添加JQuery UI后更新
现在看起来如下:
我正在尝试在数据库中的 JSON 字段和按 ID 存储音乐的表之间创建连接。所以,我有一个名为“播放列表”的表,其中有一个名为“歌曲”的字段。在这个“歌曲”字段中,我有一个array[]歌曲 ID,例如[1,2]。我尝试使用以下代码来建立这两个表之间的关系:
class Playlist extends Model
{
protected $table = 'playlists';
public function songs()
{
return $this->hasMany('App\Music', 'id');
}
}
Run Code Online (Sandbox Code Playgroud)
我使用foreign_key id 是 因为歌曲表有一个id字段。
我用来从控制器检索播放列表的代码如下:
$playlist = Playlist::find($id)->songs;
print_r($playlist);
Run Code Online (Sandbox Code Playgroud)
哪个输出:
[1,2]
我很可能做错了什么,没有正确理解其中的关系。有人可以解释这是如何工作的吗?我查阅了文档,但没有得到任何启发。
我们有一个运行着大约 6 个站点的多站点。
我们的 3 个网站可以通过 wp-admin 访问,其他 3 个则不能。
浏览器告诉我们正在进行太多重定向。这只有在我们登录 wp-admin 后才会发生。wp-login 页面工作正常。
我们之前遇到过这个问题,通过我们的以下修复解决了现在正在运行的 3 个站点wp-config:
$_SERVER['HTTPS'] = 'on';
Run Code Online (Sandbox Code Playgroud)
而且前端工作得很好,只是 wp-admin 有问题。
背景信息:
服务器:Nginx + Apache。从 Nginx 开始,然后重定向到 Apache
SSL:已启用
所以我在将容器中的 div 与 Bootstrap 对齐时遇到了一些麻烦。
我想要做的是让 div 在容器宽度内扩展全宽。
它适用于容器的左侧,但不适用于右侧。它离开屏幕。
HTML:
<!-- Image With Action Section -->
<section class="special_section">
<div class="container-fluid" style="max-height: 25%">
<div class="row">
<div class="col-sm-12">
<div class="caption-2">
<img src="background-image-url" class="img-full-width img-responsive" alt="" />
<div class="container">
<div class="action-footer">
<div class="col-sm-10">
<h4 class="caption-text">Title</h4>
</div>
<div class="col-sm-2">
Link
</div>
</div>
<div class="caption">
<h4>Title</h4>
<p>Content</p>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
Run Code Online (Sandbox Code Playgroud)
CSS:
.caption-2 .action-footer {
margin: -1px 0 0 0;
padding: 10px;
font-size: 15px;
}
@media (min-width:500px) {
.caption-2 .action-footer {
margin:0; …Run Code Online (Sandbox Code Playgroud) 我正在尝试提醒输入类型的值.警报给我'未定义'.
我试过通过其他一些帖子但没有任何运气.
我的代码:
<!DOCTYPE html>
<html>
<head>
<title></title>
<script>
/* Global Vars */
var firstNumber = document.getElementById('firstNumber').value;
var secondNumber = document.getElementById('secondNumber').value;
var plus = document.getElementById('plus');
var minus = document.getElementById('minus');
var times = document.getElementById('times');
var divide = document.getElementById('divide');
var result = document.getElementById('result');
function cool() {
//var sum = Number(firstNumber) + Number(secondNumber);
alert(secondNumber);
}
</script>
</head>
<body>
<input type="number" placeholder="Getal 1" id="firstNumber" /> <input type="number" placeholder="Getal 2" id="secondNumber" /><br><br>
<input type="text" id="result" disabled /><br><br>
<button id="plus">+</button> <button id="minus">-</button> <button id="times">x</button> <button id="divide">/</button> …Run Code Online (Sandbox Code Playgroud) html ×2
javascript ×2
php ×2
apache ×1
containers ×1
css ×1
datepicker ×1
eloquent ×1
jquery ×1
laravel ×1
nginx ×1
wordpress ×1