首页 新闻 搜索 专区 学院

Jquery append页面数据时总是提示控件实例化失败

0
[已关闭问题] 关闭于 2016-10-17 15:25

先说容器页:我创建了3个DIV容器和3个按钮

_main.cshtml:

<script src="~/js/bootstrap-multiselect.js"></script>

<button id="1">load one</button>

<button id="2">load two</button>

<button id="3">load three</button>

<div data-container="one"></div>

<div data-container="two"></div>

<div data-container="three"></div>

//实例化控件

$('.mymultiselect').multiselect({
});

再来看内容页面1

<div>

<select class="mymultiselect">

</select>

<button id="testdiv1"></button>

</div>

再来看内容页面2

<div>

<p>this is test</p>

</div>

 

我的操作顺序

$('#1').click(function () {

     $('[data-container="one"]').append(data).on('click','testdiv1',test);

    //实例化控件

     $('.mymultiselect').multiselect({
});

});

这一次加载数据没有任何问题

function test(){alert(1)};

 

这个时候我点击按钮2,页面也可以正常加载

$('#2').click(function () {

     $('[data-container="two"]').append(".......(data from mvc controller)");

});

这个时候再次点击按钮1,就出错了,提示:

Uncaught TypeError: $(...).multiselect is not a function

请问是我哪儿写错了?

denli的主页 denli | 初学一级 | 园豆:19
提问于:2016-10-15 01:23
< >
分享
所有回答(1)
0

不能用插入代码的方式么?

顾晓北 | 园豆:10794 (专家六级) | 2016-10-17 14:35
清除回答草稿
   您需要登录以后才能回答,未注册用户请先注册