Select2 基本示例不起作用

2024-05-04

我想得到select2使用 symfony2 脚本的库。

我正在尝试实现提供的基本示例https://select2.github.io/examples.html https://select2.github.io/examples.html page.

因此我添加到我的页眉：

<!-- SELECT 2-->
                            <link href="//cdnjs.cloudflare.com/ajax/libs/select2/4.0.0/css/select2.min.css" rel="stylesheet" />
                            <script src="//cdnjs.cloudflare.com/ajax/libs/select2/4.0.0/js/select2.min.js"></script>
                            <!-- /SELECT2 -->

并遵循示例中提供的代码：

<script type="text/javascript">
     $(document).ready(function() {
$(".js-example-basic-single").select2();
});
</script>

<select id="appbundle_items_accountdebet" name="appbundle_items[accountdebet]" class="js-example-basic-single"><option value="1">001 - Środki trwałe x</option><option value="2">001-001 - Środek trwały 1 </option><option value="3">001-002 - Środek trwały 2 </option><option value="4">002 - Kasa</option><option value="7">04-33 - test</option><option value="10">05 - dff</option></select>

不幸的是，我似乎做错了什么，因为没有发生视觉变化。

整页代码：

<!-- app/Resources/views/base.html.php -->
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <title>Accounting Book's Online</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="">
    <meta name="author" content="">

    <!-- Le styles -->

        <link href="http://localhost/symfony_learn/web/bundles/bootstrap/css/bootstrap.css" rel="stylesheet">
    <style type="text/css">
      body {
        padding-top: 60px;
        padding-bottom: 40px;
      }
      .sidebar-nav {
        padding: 9px 0;
      }

      @media (max-width: 980px) {
        /* Enable use of floated navbar text */
        .navbar-text.pull-right {
          float: none;
          padding-left: 5px;
          padding-right: 5px;
        }
      }
    </style>


    <link href="http://localhost/symfony_learn/web/bundles/bootstrap/css/bootstrap-responsive.css" rel="stylesheet">

    <!-- HTML5 shim, for IE6-8 support of HTML5 elements -->
    <!--[if lt IE 9]>
      <script src="http://localhost/symfony_learn/web/bundles/bootstrap/js/html5shiv.js"></script>
    <![endif]-->

    <!-- Fav and touch icons -->
    <link rel="apple-touch-icon-precomposed" sizes="144x144" href="http://localhost/symfony_learn/web/bundles/bootstrap/ico/apple-touch-icon-144-precomposed.png">
    <link rel="apple-touch-icon-precomposed" sizes="114x114" href="http://localhost/symfony_learn/web/bundles/bootstrap/ico/apple-touch-icon-114-precomposed.png">
      <link rel="apple-touch-icon-precomposed" sizes="72x72" href="http://localhost/symfony_learn/web/bundles/bootstrap/ico/apple-touch-icon-72-precomposed.png">
                    <link rel="apple-touch-icon-precomposed" href="http://localhost/symfony_learn/web/bundles/bootstrap/ico/apple-touch-icon-57-precomposed.png">
                                   <link rel="shortcut icon" href="http://localhost/symfony_learn/web/bundles/bootstrap/ico/favicon.png">

                            <!-- SELECT 2-->
                            <script src="//code.jquery.com/jquery-1.11.3.min.js"></script>
                            <link href="//cdnjs.cloudflare.com/ajax/libs/select2/4.0.0/css/select2.min.css" rel="stylesheet" />
                            <script src="//cdnjs.cloudflare.com/ajax/libs/select2/4.0.0/js/select2.min.js"></script>
                            <!-- /SELECT2 -->
  </head>

  <body>


<!-- Kod tymczasowy -->
<!-- /Kod tymczasowy -->

    <div class="navbar navbar-inverse navbar-top"> <!-- navbar-fixed-top -->
      <div class="navbar-inner">
        <div class="container-fluid">
          <button type="button" class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
          </button>
          <a class="brand" href="#">Accounting Book's Online</a>
          <div class="nav-collapse collapse">
            <p class="navbar-text pull-right">
                        <p>Username: Abdel</p>
                        </p>
            <ul class="nav">
              <li class="active"><a href="#">Home</a></li>
              <li><a href="/symfony_learn/web/app_dev.php/app/static/help">Help</a></li>
              <li><a href="/symfony_learn/web/app_dev.php/app/static/software">Software</a></li>
            </ul>
          </div><!--/.nav-collapse -->
        </div>
      </div>
    </div>

    <div class="container-fluid">
      <div class="row-fluid">
        <div class="span3">
          <div class="well sidebar-nav">
            <ul class="nav nav-list">
              <li class="nav-header">Actions</li>
              <li ><a href="/symfony_learn/web/app_dev.php/app/accounts/">Accounts</a></li>
              <li ><a href="/symfony_learn/web/app_dev.php/app/listbooks/">Books</a></li>
              <li ><a href="/symfony_learn/web/app_dev.php/app/documents/">Documents</a></li>
              <li class="nav-header">Reports</li>
              <li ><a href="/symfony_learn/web/app_dev.php/app/accounts/reportsums">Accounts values</a>
            </ul>
          </div><!--/.well -->
                   <div class="well sidebar-nav">
            <ul class="nav nav-list">
              <li class="nav-header">Name of entity</li>
              Test <A HREF="/symfony_learn/web/app_dev.php/app/listbooks/">[Change]</A>
              </ul>
              </div> <!--/.well -->


        </div><!--/span-->
        <div class="span9">
          <div class="hero-unit">
            <p>      <B>Item</B><BR>


<form name="appbundle_items" method="post" action="">
 <SCRIPT type="text/javascript">
     $(document).ready(function() {
$("js-example-basic-single").select2();
});
</SCRIPT>

<div id="appbundle_items"><div>                <label for="appbundle_items_marker" class="required">Marker</label><input type="text" id="appbundle_items_marker" name="appbundle_items[marker]" required="required" maxlength="220" /></div><div>                <label class="required">Itemdate</label><div id="appbundle_items_itemdate" maxlength="220"><select id="appbundle_items_itemdate_month" name="appbundle_items[itemdate][month]"><option value="1">Jan</option><option value="2">Feb</option><option value="3">Mar</option><option value="4">Apr</option><option value="5">May</option><option value="6">Jun</option><option value="7">Jul</option><option value="8">Aug</option><option value="9">Sep</option><option value="10">Oct</option><option value="11">Nov</option><option value="12">Dec</option></select><select id="appbundle_items_itemdate_day" name="appbundle_items[itemdate][day]"><option value="1">1</option><option value="2">2</option><option value="3">3</option><option value="4">4</option><option value="5">5</option><option value="6">6</option><option value="7">7</option><option value="8">8</option><option value="9">9</option><option value="10">10</option><option value="11">11</option><option value="12">12</option><option value="13">13</option><option value="14">14</option><option value="15">15</option><option value="16">16</option><option value="17">17</option><option value="18">18</option><option value="19">19</option><option value="20">20</option><option value="21">21</option><option value="22">22</option><option value="23">23</option><option value="24">24</option><option value="25">25</option><option value="26">26</option><option value="27">27</option><option value="28">28</option><option value="29">29</option><option value="30">30</option><option value="31">31</option></select><select id="appbundle_items_itemdate_year" name="appbundle_items[itemdate][year]"><option value="2010">2010</option><option value="2011">2011</option><option value="2012">2012</option><option value="2013">2013</option><option value="2014">2014</option><option value="2015">2015</option><option value="2016">2016</option><option value="2017">2017</option><option value="2018">2018</option><option value="2019">2019</option><option value="2020">2020</option></select></div></div><div>                <label for="appbundle_items_itemvalue" class="required">Itemvalue</label><input type="text" id="appbundle_items_itemvalue" name="appbundle_items[itemvalue]" required="required" /></div><div>                <label for="appbundle_items_accountdebet" class="required">Accountdebet</label><select id="appbundle_items_accountdebet" name="appbundle_items[accountdebet]" class="js-example-basic-single"><option value="1">001 - Środki trwałe x</option><option value="2">001-001 - Środek trwały 1 </option><option value="3">001-002 - Środek trwały 2 </option><option value="4">002 - Kasa</option><option value="7">04-33 - test</option><option value="10">05 - dff</option></select></div><div>                <label for="appbundle_items_accountcredit" class="required">Accountcredit</label><select id="appbundle_items_accountcredit" name="appbundle_items[accountcredit]" class="js-example-basic-single"><option value="1">001 - Środki trwałe x</option><option value="2">001-001 - Środek trwały 1 </option><option value="3">001-002 - Środek trwały 2 </option><option value="4">002 - Kasa</option><option value="7">04-33 - test</option><option value="10">05 - dff</option></select></div><div><button type="submit" id="appbundle_items_save" name="appbundle_items[save]">Add item</button></div><input type="hidden" id="appbundle_items__token" name="appbundle_items[_token]" value="uc4gtvak7M-3gc4HsIuVlr0EpcycuctUGPJu_kAI7c8" /></div>
</form>

  </p>
          </div>

        </div><!--/span-->
      </div><!--/row-->

      <hr>

      <footer>
        <p>&copy; Investment Opportunities Sp. z o.o. 2015</p>
      </footer>

    </div><!--/.fluid-container-->

    <!-- Le javascript
    ================================================== -->
    <!-- Placed at the end of the document so the pages load faster -->
    <script src="http://localhost/symfony_learn/web/bundles/bootstrap/js/jquery.js"></script>
    <script src="http://localhost/symfony_learn/web/bundles/bootstrap/js/bootstrap-transition.js"></script>
    <script src="http://localhost/symfony_learn/web/bundles/bootstrap/js/bootstrap-alert.js"></script>
    <script src="http://localhost/symfony_learn/web/bundles/bootstrap/js/bootstrap-modal.js"></script>
    <script src="http://localhost/symfony_learn/web/bundles/bootstrap/js/bootstrap-dropdown.js"></script>
    <script src="http://localhost/symfony_learn/web/bundles/bootstrap/js/bootstrap-scrollspy.js"></script>
    <script src="http://localhost/symfony_learn/web/bundles/bootstrap/js/bootstrap-tab.js"></script>
    <script src="http://localhost/symfony_learn/web/bundles/bootstrap/js/bootstrap-tooltip.js"></script>
    <script src="http://localhost/symfony_learn/web/bundles/bootstrap/js/bootstrap-popover.js"></script>
    <script src="http://localhost/symfony_learn/web/bundles/bootstrap/js/bootstrap-button.js"></script>
    <script src="http://localhost/symfony_learn/web/bundles/bootstrap/js/bootstrap-collapse.js"></script>
    <script src="http://localhost/symfony_learn/web/bundles/bootstrap/js/bootstrap-carousel.js"></script>
    <script src="http://localhost/symfony_learn/web/bundles/bootstrap/js/bootstrap-typeahead.js"></script>


<div id="sfwdt3909dd" class="sf-toolbar" style="display: none"></div><script>/*<![CDATA[*/    Sfjs = (function() {        "use strict";        var noop = function() {},            collectionToArray = function (collection) {                var length = collection.length || 0,                    results = new Array(length);                while (length--) {                    results[length] = collection[length];                }                return results;            },            profilerStorageKey = 'sf2/profiler/',            request = function(url, onSuccess, onError, payload, options) {                var xhr = window.XMLHttpRequest ? new XMLHttpRequest() : new ActiveXObject('Microsoft.XMLHTTP');                options = options || {};                options.maxTries = options.maxTries || 0;                xhr.open(options.method || 'GET', url, true);                xhr.setRequestHeader('X-Requested-With', 'XMLHttpRequest');                xhr.onreadystatechange = function(state) {                    if (4 !== xhr.readyState) {                        return null;                    }                    if (xhr.status == 404 && options.maxTries > 1) {                        setTimeout(function(){                            options.maxTries--;                            request(url, onSuccess, onError, payload, options);                        }, 500);                        return null;                    }                    if (200 === xhr.status) {                        (onSuccess || noop)(xhr);                    } else {                        (onError || noop)(xhr);                    }                };                xhr.send(payload || '');            },            hasClass = function(el, klass) {                return el.className && el.className.match(new RegExp('\\b' + klass + '\\b'));            },            removeClass = function(el, klass) {                if (el.className) {                    el.className = el.className.replace(new RegExp('\\b' + klass + '\\b'), ' ');                }            },            addClass = function(el, klass) {                if (!hasClass(el, klass)) {                    el.className += " " + klass;                }            },            getPreference = function(name) {                if (!window.localStorage) {                    return null;                }                return localStorage.getItem(profilerStorageKey + name);            },            setPreference = function(name, value) {                if (!window.localStorage) {                    return null;                }                localStorage.setItem(profilerStorageKey + name, value);            },            requestStack = [],            renderAjaxRequests = function() {                var requestCounter = document.querySelectorAll('.sf-toolbar-ajax-requests');                if (!requestCounter.length) {                    return;                }                var tbodies = document.querySelectorAll('.sf-toolbar-ajax-request-list');                var state = 'ok';                if (tbodies.length) {                    var tbody = tbodies[0];                    var rows = document.createDocumentFragment();                    if (requestStack.length) {                        for (var i = 0; i < requestStack.length; i++) {                            var request = requestStack[i];                            var row = document.createElement('tr');                            rows.appendChild(row);                            var methodCell = document.createElement('td');                            methodCell.textContent = request.method;                            row.appendChild(methodCell);                            var pathCell = document.createElement('td');                            pathCell.className = 'sf-ajax-request-url';                            pathCell.textContent = request.url;                            pathCell.setAttribute('title', request.url);                            row.appendChild(pathCell);                            var durationCell = document.createElement('td');                            durationCell.className = 'sf-ajax-request-duration';                            if (request.duration) {                                durationCell.textContent = request.duration + "ms";                            } else {                                durationCell.textContent = '-';                            }                            row.appendChild(durationCell);                            row.appendChild(document.createTextNode(' '));                            var profilerCell = document.createElement('td');                            if (request.profilerUrl) {                                var profilerLink = document.createElement('a');                                profilerLink.setAttribute('href', request.profilerUrl);                                profilerLink.textContent = request.profile;                                profilerCell.appendChild(profilerLink);                            } else {                                profilerCell.textContent = 'n/a';                            }                            row.appendChild(profilerCell);                            var requestState = 'ok';                            if (request.error) {                                requestState = 'error';                                if (state != "loading" && i > requestStack.length - 4) {                                    state = 'error';                                }                            } else if (request.loading) {                                requestState = 'loading';                                state = 'loading';                            }                            row.className = 'sf-ajax-request sf-ajax-request-' + requestState;                        }                        var infoSpan = document.querySelectorAll(".sf-toolbar-ajax-info")[0];                        var children = collectionToArray(tbody.children);                        for (var i = 0; i < children.length; i++) {                            tbody.removeChild(children[i]);                        }                        tbody.appendChild(rows);                        if (infoSpan) {                            var text = requestStack.length + ' call' + (requestStack.length > 1 ? 's' : '');                            infoSpan.textContent = text;                        }                    } else {                        var cell = document.createElement('td');                        cell.setAttribute('colspan', '4');                        cell.textContent = "No AJAX requests yet.";                        var row = document.createElement('tr');                        row.appendChild(cell);                        tbody.appendChild(row);                    }                }                requestCounter[0].textContent = requestStack.length;                var className = 'sf-toolbar-ajax-requests sf-toolbar-status';                if (state == 'ok') {                    className += ' sf-toolbar-status-green';                } else if (state == 'error') {                    className += ' sf-toolbar-status-red';                } else {                    className += ' sf-ajax-request-loading';                }                requestCounter[0].className = className;            };        var addEventListener;        var el = document.createElement('div');        if (!'addEventListener' in el) {            addEventListener = function (element, eventName, callback) {                element.attachEvent('on' + eventName, callback);            };        } else {            addEventListener = function (element, eventName, callback) {                element.addEventListener(eventName, callback, false);            };        }                    if (window.XMLHttpRequest && XMLHttpRequest.prototype.addEventListener) {                var proxied = XMLHttpRequest.prototype.open;                XMLHttpRequest.prototype.open = function(method, url, async, user, pass) {                    var self = this;                    /* prevent logging AJAX calls to static and inline files, like templates */                    var path = url;                    if (url.substr(0, 1) === '/') {                        if (0 === url.indexOf('\x2Fsymfony_learn\x2Fweb')) {                            path = url.substr(18);                        }                    }                    else if (0 === url.indexOf('http\x3A\x2F\x2Flocalhost\x2Fsymfony_learn\x2Fweb')) {                        path = url.substr(34);                    }                    if (path.substr(0, 1) === '/' && !path.match(new RegExp("^\/(app(_[\\w]+)?\\.php\/)?_wdt"))) {                        var stackElement = {                            loading: true,                            error: false,                            url: url,                            method: method,                            start: new Date()                        };                        requestStack.push(stackElement);                        this.addEventListener('readystatechange', function() {                            if (self.readyState == 4) {                                stackElement.duration = new Date() - stackElement.start;                                stackElement.loading = false;                                stackElement.error = self.status < 200 || self.status >= 400;                                stackElement.profile = self.getResponseHeader("X-Debug-Token");                                stackElement.profilerUrl = self.getResponseHeader("X-Debug-Token-Link");                                Sfjs.renderAjaxRequests();                            }                        }, false);                        Sfjs.renderAjaxRequests();                    }                    proxied.apply(this, Array.prototype.slice.call(arguments));                };            }                return {            hasClass: hasClass,            removeClass: removeClass,            addClass: addClass,            getPreference: getPreference,            setPreference: setPreference,            addEventListener: addEventListener,            request: request,            renderAjaxRequests: renderAjaxRequests,            load: function(selector, url, onSuccess, onError, options) {                var el = document.getElementById(selector);                if (el && el.getAttribute('data-sfurl') !== url) {                    request(                        url,                        function(xhr) {                            el.innerHTML = xhr.responseText;                            el.setAttribute('data-sfurl', url);                            removeClass(el, 'loading');                            (onSuccess || noop)(xhr, el);                        },                        function(xhr) { (onError || noop)(xhr, el); },                        '',                        options                    );                }                return this;            },            toggle: function(selector, elOn, elOff) {                var tmp = elOn.style.display,                    el = document.getElementById(selector);                elOn.style.display = elOff.style.display;                elOff.style.display = tmp;                if (el) {                    el.style.display = 'none' === tmp ? 'none' : 'block';                }                return this;            }        }    })();/*]]>*/</script><script>/*<![CDATA[*/    (function () {                Sfjs.load(            'sfwdt3909dd',            '/symfony_learn/web/app_dev.php/_wdt/3909dd',            function(xhr, el) {                el.style.display = -1 !== xhr.responseText.indexOf('sf-toolbarreset') ? 'block' : 'none';                if (el.style.display == 'none') {                    return;                }                if (Sfjs.getPreference('toolbar/displayState') == 'none') {                    document.getElementById('sfToolbarMainContent-3909dd').style.display = 'none';                    document.getElementById('sfToolbarClearer-3909dd').style.display = 'none';                    document.getElementById('sfMiniToolbar-3909dd').style.display = 'block';                } else {                    document.getElementById('sfToolbarMainContent-3909dd').style.display = 'block';                    document.getElementById('sfToolbarClearer-3909dd').style.display = 'block';                    document.getElementById('sfMiniToolbar-3909dd').style.display = 'none';                }                Sfjs.renderAjaxRequests();                /* Handle toolbar-info position */                var toolbarBlocks = document.querySelectorAll('.sf-toolbar-block');                for (var i = 0; i < toolbarBlocks.length; i += 1) {                    toolbarBlocks[i].onmouseover = function () {                        var toolbarInfo = this.querySelectorAll('.sf-toolbar-info')[0];                        var pageWidth = document.body.clientWidth;                        var elementWidth = toolbarInfo.offsetWidth;                        var leftValue = (elementWidth + this.offsetLeft) - pageWidth;                        var rightValue = (elementWidth + (pageWidth - this.offsetLeft)) - pageWidth;                        /* Reset right and left value, useful on window resize */                        toolbarInfo.style.right = '';                        toolbarInfo.style.left = '';                        if (leftValue > 0 && rightValue > 0) {                            toolbarInfo.style.right = (rightValue * -1) + 'px';                        } else if (leftValue < 0) {                            toolbarInfo.style.left = 0;                        } else {                            toolbarInfo.style.right = '-1px';                        }                    };                }            },            function(xhr) {                if (xhr.status !== 0) {                    confirm('An error occurred while loading the web debug toolbar (' + xhr.status + ': ' + xhr.statusText + ').\n\nDo you want to open the profiler?') && (window.location = '/symfony_learn/web/app_dev.php/_profiler/3909dd');                }            },            {'maxTries': 5}        );    })();/*]]>*/</script>
</body>
</html>

在完整的代码示例中，通过添加“.”来修复类选择器。在类名前面，更改：

 <SCRIPT type="text/javascript">
     $(document).ready(function() {
$("js-example-basic-single").select2();
});
</SCRIPT>

to:

<script type="text/javascript">
     $(document).ready(function() {
$(".js-example-basic-single").select2();
});
</script>

在 dom 就绪代码之前，您是否在页面中包含了 jquery？
为我们提供JS控制台日志
使用 js 调试器检查解析器是否达到：

$(".js-example-basic-single").select2();

您的代码似乎至少在这里工作得很好：http://jsfiddle.net/8349tck1/ http://jsfiddle.net/8349tck1/

<link href="//cdnjs.cloudflare.com/ajax/libs/select2/4.0.0/css/select2.min.css" rel="stylesheet" />
<script src="//cdnjs.cloudflare.com/ajax/libs/select2/4.0.0/js/select2.min.js"></script>

<select id="appbundle_items_accountdebet" name="appbundle_items[accountdebet]" class="js-example-basic-single"><option value="1">001 - Środki trwałe x</option><option value="2">001-001 - Środek trwały 1 </option><option value="3">001-002 - Środek trwały 2 </option><option value="4">002 - Kasa</option><option value="7">04-33 - test</option><option value="10">05 - dff</option></select>

<script>
    $(document).ready(function() {
    $(".js-example-basic-single").select2();
});
</script>

本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)

javascript

Forms

Symfony

jqueryselect2

Select2 基本示例不起作用的相关文章

请解释与 Google Chrome 扩展程序的后台通信

我已经阅读并重新阅读了此页面并运行了示例 http code google com chrome extensions background pages html http code google com chrome extension
HTMLImageElement 作为 React Child 无效

我正在尝试异步加载图像并且仅在加载图像后才将其显示在 React 应用程序中 componentDidMount const img new Image img onload gt this setState originalImage
我可以从 HTTP 请求中找到无线接入点的 BSSID（MAC 地址）吗？

假设有人在咖啡店里无线连接到互联网并向 johnsveryownserver com 发送 HTTP 请求服务器端有什么方法可以确定我的MAC地址吗无线接入点他们连接到什么请注意我对他们机器的 MAC 地址不感兴趣如果我无法使
如何使用键盘和鼠标控制相机 - Three.js

我在 WEB GL 中有一个带有 Three js 的 3D 环境并且我曾经使用 Orbitcontrols js http codepen io nireno pen cAoGI http codepen io nireno pen c
如何向 jQuery Tokeninput 添加占位符？

如何将占位符添加到 jQuery Tokeninput 字段一个正常的placeholder属性在这里不起作用对于这样的输入
如何通过 HTML 按钮播放声音

我目前通过网站播放音乐的方法是通过 HTML 音频标签不过我希望能够通过 HTML 按钮来播放它该按钮应该能够在播放和停止之间切换音乐我在 JSFiddle 创建了一个示例但不知道如何实现它有人可以告诉我如何使用我的 JSFidd
禁用 JavaScript 中的右键单击

当我尝试禁用右键单击时它不起作用我尝试使用下面的代码 document onclick function e console log e button if e button 2 e preventDefault return fals
phpstorm xdebug 与 symfony2 项目

我正在尝试使用 xdebug 和 phpstorm 调试 symfony2 应用程序我的本地开发环境是Ubuntu 14 04 with apache2 Xdebug版本是2 2 7 我在另一个 php 不是 symfony2 项目上使用
使用模态表单 ajax 超出 HTMLFormElement.toString 的最大调用堆栈大小

我想使用模态窗口中的 ajax 请求提交表单单击此链接可打开该模式 a class btn btn primary i class fa fa edit i Write a review a 模态窗口 div class modal fa
如何改变HTML5视频的播放速度？

如何更改 HTML5 中的视频播放速度我查过视频标签的属性 https www w3schools com html html5 video asp在 w3school 但无法做到这一点根据这个网站 http www chipwreck
v-file-input .click() 不是函数

我试图以编程方式触发 v file input 的 click 事件因为它在 Vuetify 的文档中但它显示一个错误this refs imagePicker click is not a function我在这里错过了什么吗代码重
如何滚动到div内的元素？

我有一个滚动的div我想在点击它时发生一个事件它会强制执行此操作div滚动以查看内部元素我写的JavasCript是这样的 document getElementById chr scrollIntoView true 但这会在滚动时滚
如何访问另一个 mobx 商店中的 mobx 商店？

假设以下结构 stores RouterStore js UserStore js index js each of Store jsfiles 是一个 mobx 存储类包含 observable and action index js只
window.showModalDialog 的等效跨浏览器解决方案是什么？

window showModalDialog 的等效跨浏览器解决方案有哪些 showModalDialog 在 IE 和 FF 3 中引入我个人认为没有但是有很多 UI 工具包提供了这样的功能例如jQuery UI http jque
加载另一个 JS 脚本后加载

这是我的代码 very big js file lots of html stuff 问题是这些是异步加载的有没有办法等待第二个脚本直到第一个脚本加载如果您使用 jQuery 有一个非常简单的方法可以通过获取脚本 https api
ES6 模板文字的延迟执行

我正在玩新的ES6 模板文字 http tc39wiki calculist org es6 template strings 我首先想到的是String format对于 JavaScript 所以我开始实现一个原型 String pro
如何获取使用 .map 渲染的第一个元素的 ref？

我需要在几行中显示视频卡片的缩略图并重点关注第一个缩略图我使用嵌套地图进行了显示该代码基本上迭代视频数组并返回多行视频我们如何关注第一个渲染的元素我认为我们需要获得第一个要聚焦的元素的引用但是我们如何在这里设置 ref 并在
在javascript中动态生成行？

我是 javascript 新手我想在按下 Tab 时动态生成行并希望获取在动态生成的行中输入的值以便我可以在 servlet 代码中使用这些值这是我的html
当选择下拉列表中的某些值时，取消选中复选框

当我从下拉列表中选择某个值或用户未从下拉列表中选择任何值时我需要取消选中复选框我现在正在使用 Jquery 这是我现在使用的代码但它不起作用 Script
在 javascript 中使用 xPath 解析具有默认命名空间的 XML

我需要创建一个 XML xPath 解析器所有解析都必须在客户端进行使用 JavaScript 我创建了一个 javascript 来执行此操作在默认名称空间发挥作用之前一切看起来都正常我根本无法查询具有默认命名空间的 XML 我

随机推荐

Struts 未处理的异常 - 没有为操作定义结果 - Struts Spring 和 hibernate 集成

实际上我正在致力于在在线考试项目上实现 Struts Spring 和 Hibernate 集成但是当我在 JSP 页面中提交值时它会抛出以下错误 Struts 问题报告 Struts has detected an unhandle
配置错误：无法链接到 boost_system

我正在尝试在 Debian 上安装一个软件包足球模拟器 2d 当我进入目录并运行时 configure 我得到以下信息 reza debian soccer rcssserver 15 0 1 configure checking for
显示不同表中的名称而不是 ID

我有 2 张桌子 Category带主键ID和列Name Employee带主键ID和列Category id Note Category id现在显示ID正确地我想展示Name代替ID对于输出Employee Attempt categ
将 CassandraUnit 与 Astyanax 结合使用时出现依赖性问题

我有一个 SessionDaoCassandraImpl 类它使用 Astyanax 从 Cassandra 读取数据我想使用嵌入式 Cassandra 服务器进行测试卡桑德拉单元 https github com jsevellec
ServiceStack 验证并不总是触发

因此我尝试使用 RavenDB 和 ServiceStack 构建端到端集成测试套件但遇到了一个非常奇怪的问题即验证无法对某些请求运行这真的很奇怪我不确定我做错了什么我正在使用 NCrunch 有时测试通过有时失败希望这是一
Pyside QPushButton 和 matplotlib 的连接

我正在尝试使用 matplotlib 开发一个非常简单的 pyside Qt 程序我希望按下按钮时绘制图表到目前为止我可以在构造函数上绘制一些东西但无法将 Pyside 事件与 matplotlib 连接起来有没有办法做到这一点
为什么链接生命周期仅与可变引用相关？

前几天有一个问题 https stackoverflow com questions 32089410 lifetimes and references to objects containing references有人对包含借用数据本
如何在 CRUD 功能中映射复合键

我需要基于两个键 comp 和part 进行映射 foreach var item in Model tr td Html DisplayFor modelItem gt item comp td td Html DisplayFor mo
Firefox 中的相对位置[重复]

这个问题在这里已经有答案了可能的重复 Firefox 是否支持表格元素上的position relative https stackoverflow com questions 5148041 does firefox support p
C++11 类型推导与 const char *

In GotW 94 http herbsutter com 2013 08 12 gotw 94 solution aaa style almost always auto Herb Sutter 对经典 C 声明进行了区分 const
自定义 ViewEngine ASP.NET MVC 3

我正在为 ASP NET MVC 的自定义视图引擎寻找最简单的解决方案这样我就可以超越路径来寻找视图实际上我正在尝试在我的解决方案中构建一个主题系统我查看了网络但发现了很难学习和实施的解决方案 Thanks 这就是我用的它在主题
使用 Windows Media Foundation 枚举时如何获取硬件 ID

我在用MFEnumDeviceSources 枚举连接的设备我正在寻找一个已连接两个的特定网络摄像头枚举工作正常我可以打印友好名称这是FLIR Video对于我的两台相机我正在努力弄清楚如何从 Media Foundation 设备
生成总和为 N 的所有数字排列

我正在编写一个程序来创建所有数字起初我尝试使用分区函数对数字进行分区然后对每个数字集进行排列但是我认为这行不通最好的方法是递归排列同时对数字求和这超出了我的能力范围抱歉如果这听起来真的很愚蠢但我真的不知道 Example
部分渲染冗余方法调用

我知道 JSF 可能会调用托管 bean 方法几次即使它在 xhtml 中只调用一次我知道这是由于编码方法造成的我想请您向我解释一下以下案例我有一个类似这样的 JSF 文件
RecyclerView 中的 OnLongItemClick

我开始在 Android 中使用 RecyclerView 一切工作正常直到我为我的适配器实现触摸侦听器来自这个主题 https stackoverflow com a 26826692 2923403 https stackoverf
如何设置 MySQL Workbench 自动断开与服务器的连接？

有没有办法设置Workbench在空闲时自动与服务器断开连接命令行 mysql 客户端在空闲时断开连接然后在运行查询时重新连接我也希望 Workbench 自动断开连接我无法修改服务器的超时设置但命令行客户端可以按照当前服务器设置
在 R 中连接/匹配数据帧

我有两个数据框第一列有两列 x是水深 y是每个深度的温度第二个也有两列 x也是水深但与第一个表中的深度不同第二栏z是盐度我想通过以下方式连接两个表x 通过增加z到第一张桌子我已经学会了如何使用 key 来连接表tidyr 但只有
读取进程的进程内存不会返回所有内容

我正在尝试扫描第三方应用程序的内存我已经查到地址了现在是在0x0643FB78 问题是从那以后我就再也爬不上去LPMODULEENTRY32 gt modBaseAddr is 0x00400000 and LPMODULEENTRY
在 Java 中引发竞争条件

我必须编写一个引发竞争条件的单元测试以便我可以测试稍后是否可以解决问题问题是竞争条件很少发生可能是因为我的计算机只有两个核心代码如下 class MyDateTime String getColonTime datetime is
Select2 基本示例不起作用

我想得到select2使用 symfony2 脚本的库我正在尝试实现提供的基本示例https select2 github io examples html https select2 github io examples html pa

Select2 基本示例不起作用

Select2 基本示例不起作用 的相关文章

随机推荐

热门标签

Select2 基本示例不起作用的相关文章