Uncaught：$(.).cytoscape不是函数

Question

我在互联网上找到了这个代码，它起作用了：

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script type="text/javascript" src="~/Scripts/cytoscape.js"></script>

   <div id="cy"></div>
    <script>
       $(function(){ // on dom ready

$('#cy').cytoscape({
  style: cytoscape.stylesheet()
    .selector('node')
      .css({
        'content': 'data(deneme)'
      })

我将此代码更改为下面的代码(基本上将代码块移动到ajax调用的成功部分中)：

  $("form").submit(function (event) {
        event.preventDefault();
        $.ajax({
            type: 'POST',
            url: "/MyController/MyAction",
           data: { nameid: $('#nameid').val() },
            success: function (newdata) {

                $('#cy').cytoscape({
                    layout: {

它给出了这样的错误：

> MainGraph:55 Uncaught TypeError: $(...).cytoscape is not a function
>     at Object.success (MyCode:55)
>     at i (jquery.min.js:2)
>     at Object.fireWith [as resolveWith] (jquery.min.js:2)
>     at A (jquery.min.js:4)
>     at XMLHttpRequest.<anonymous> (jquery.min.js:4)

我怎么才能把这事做好？我试着将代码更改为：

var cy = cytoscape({
  container: $('#cy'),

上面的错误消失了，但在其他部分却失败了。我怎样才能解决这个问题？谢谢。

Answer 1

没有$(el).cytoscape()函数。你做let cytoscape = require('cytoscape'); let cy = cytoscape();或let Cytoscape = require('cytoscape'); let cy = new Cytoscape();]

通常不需要将cy init放在回调中。只需将elements指定为允诺，而Cytoscape将处理其余的内容。