小编jai*_*ime的帖子

为什么我的jquery .on('change')不适用于动态添加的选择

我正在动态添加选择元素,如下面的HTML.我不确定为什么.on('更改'...)不能用于动态选择.我错过了什么?

我使用的是Chrome 24.0.1312.57 + jquery 1.8.3.

<script type="text/javascript">
  $(document).ready(function() {
      $('#x select').on('change', function () { alert('helo'); })
      $('#y select').on('change', function () { alert('helo'); })

      $('#x').html($('#y').html());
  });
</script>

<div id="x"></div>
<div id="y">
    <select>
        <option>O1</option>
        <option>O2</option>
    </select>
</div>
Run Code Online (Sandbox Code Playgroud)

jquery

17
推荐指数
3
解决办法
5万
查看次数

为什么 alpinejs @click 处理程序调用我的 console.log 两次

我想知道为什么这个 html / alpinejs 在单击按钮时会生成多个控制台日志条目。

<script src="https://unpkg.com/alpinejs@3.x.x/dist/cdn.min.js"></script>

<div x-data="{ }">
  <button @click="console.log('Click!')">Click it!</button>
</div>
Run Code Online (Sandbox Code Playgroud)

javascript alpine.js

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

如何使用 Typescript 在 vuejs 中创建功能组件

我想用打字稿在 vuejs 中创建一个功能组件。但是,我不确定如何设置通用部分以便我可以访问我的道具。到目前为止我有这个:

import Vue, { FunctionalComponentOptions } from 'vue';

export default Vue.component<FunctionalComponentOptions>('MyWrapper', {
    functional: true,
    render: (createElement, context) => {

        if (context.props['flagSet']) {
            console.log('flagset');
        }

        return createElement('div', context.data, context.children);
    }
});
Run Code Online (Sandbox Code Playgroud)

我为 context.props 行得到的错误是 Element implicitly has an 'any' type because type 'FunctionalComponentOptions<Record<string, any>, PropsDefinition<Record<string, any>>>' has no index signature.

我不知道如何解决。

typescript vuejs2

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

Angularjs多指令在延迟加载时要求进行转换

我正在尝试使用ui.router,ocLazyLoad,Foundationangular-foundation设置一个简单的angularjs应用程序.

该应用程序是一个多视图应用程序,它的组件使用ocLazyLoad延迟加载.我没有问题设置视图和相关的控制器.但是,在尝试显示Foundation警报时出现问题.当我尝试查看警报(route1)时,我收到空警报.下面的堆栈跟踪.

为什么angular应用警报指令两次?这里有一个plunker:http://goo.gl/lhtD0c

Error: [$compile:multidir] Multiple directives [alert, alert] asking for transclusion on:        
<div class="alert-box" ng-class="(type || &quot;&quot;)" ng-repeat="alert in alerts" type="alert.type" close="closeAlert($index)">
http://errors.angularjs.org/1.2.22/$compile/multidir?p0=alert&p1=alert&p2=t…lerts%22%20type%3D%22alert.type%22%20close%3D%22closeAlert(%24index)%22%3E
at https://code.angularjs.org/1.2.22/angular.js:78:12
at assertNoDuplicate (https://code.angularjs.org/1.2.22/angular.js:6933:15)
at applyDirectivesToNode (https://code.angularjs.org/1.2.22/angular.js:6353:13)
at https://code.angularjs.org/1.2.22/angular.js:6858:37
at https://code.angularjs.org/1.2.22/angular.js:8091:11
at wrappedCallback (https://code.angularjs.org/1.2.22/angular.js:11546:81)
at wrappedCallback (https://code.angularjs.org/1.2.22/angular.js:11546:81)
at https://code.angularjs.org/1.2.22/angular.js:11632:26
at Scope.$eval (https://code.angularjs.org/1.2.22/angular.js:12658:28)
at Scope.$digest (https://code.angularjs.org/1.2.22/angular.js:12470:31)
Run Code Online (Sandbox Code Playgroud)

我索引的正文如下:

<body>
    <div>
        <a class="button" ui-sref="route1">Route 1</a>
        <a class="button" ui-sref="route2">Route 2</a>
    </div>

    <div ui-view></div>
</body>
Run Code Online (Sandbox Code Playgroud)

与此页面关联的javascript是:

var …
Run Code Online (Sandbox Code Playgroud)

javascript zurb-foundation angularjs angular-foundation

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