jQuery函数没有被调用/加载

时间:2018-02-24 00:23:14

标签: javascript jquery html asp.net ckeditor

我放弃了!我有一个ASP.NET MVC应用程序,由于某些原因,当我点击下拉控件时,我的jQuery函数没有被调用。我应该通过包含脚本文件来加载我页面底部的函数。我的预感是它没有加载。我有另一个程序非常相似,代码工作正常。

Editor.cshtml

@model MyProgram.Models.WebPages

@{
    ViewBag.Title = "Editor";
}

<script src="~/ckeditor/ckeditor.js"></script>
<script src="~/ckeditor/adapters/jquery.js"></script>

<div class="container-fluid">
    <div class="cl-mcont">
        <div class="row dash-cols">
            <div class="col-md-12">
                <div class="block-flat">
                    <div class="content">
                        @using (Html.BeginForm("SubmitForm", "Edit", FormMethod.Post))
                        {
                            <div class="btn-group">
                                <a class="btn btn-primary dropdown-toggle" id="DropID" href="#" data-toggle="dropdown">Select a Page<span class="caret"></span></a>
                                <ul class="dropdown-menu">
                                    <li><a href="#">HOME PAGE</a></li>
                                    <li><a href="#">BEER PAGE</a></li>
                                    <li><a href="#">SPIRITS PAGE</a></li>
                                    <li><a href="#">WINE PAGE</a></li>
                                </ul>
                            </div>

                            @Html.TextAreaFor(model => model.WebPageText, new { @id = "editor1" })

                            <input type="submit" value="Save" />
                        }
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<script type="text/javascript">
    CKEDITOR.replace('editor1',
        {
            // removePlugins: 'toolbar,elementspath',
            allowedContent: true,
            resize_enabled: true,
            // readOnly: true
            height: '1000px'
        });
</script>

<script src="~/Scripts/Custom/Editor.js"></script>

editor.js内

$(".dropdown-menu li a").click(function () {
    var selText = $(this).text();
    $(this).parents('.btn-group').find('.dropdown-toggle').html(selText + ' <span class="caret"></span>');

    $.ajax({
        url: '/Edit/DropdownChanged',
        type: 'POST',
        contentType: 'application/json;',
        data: JSON.stringify({ id: selText }),
        success: function (sText) {
            //alert("Updated Text=" + sText);
            var ckEditor = CKEDITOR.instances.editor1;
            ckEditor.setData(sText);
            ckEditor.updateElement();
            //success: function (sText) {
            //if (valid) {
            //  //show that id is valid
            //  alert("true");
            //} else {
            //  //show that id is not valid
            //  alert("false");
            //}
        }
    });
});

非常感谢 彼得

0 个答案:

没有答案
相关问题