小编Chr*_*ker的帖子

$(...).datepicker不是一个函数--JQuery - Bootstrap

我正在尝试包含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后更新

现在看起来如下:

添加JQuery UI后更新

javascript jquery datepicker twitter-bootstrap

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

Eloquent 中与 JSON 字段的一对多关系

我正在尝试在数据库中的 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]

我很可能做错了什么,没有正确理解其中的关系。有人可以解释这是如何工作的吗?我查阅了文档,但没有得到任何启发。

php laravel eloquent

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

WP-ADMIN 重定向循环

我们有一个运行着大约 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:已启用

php apache wordpress nginx

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

100% 宽度导致 div 在容器中离开屏幕

所以我在将容器中的 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)

html css containers twitter-bootstrap

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

输入类型的getElementById.value返回undefined

我正在尝试提醒输入类型的值.警报给我'未定义'.

我试过通过其他一些帖子但没有任何运气.

我的代码:

<!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 javascript

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