先说容器页：我创建了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

请问是我哪儿写错了？