0

我最近发现有一些 jQuery UI 小部件的附加属性可以工作，但没有记录。例如，在buttonsjQuery UI 1.11.4 对话框上提供属性时，我可以使用 和 之类的子属性id，官方文档autofocus中都没有列出。

$("#myDialog").dialog({
    title: "Do the thing?"
    buttons:
    [
        {
            text: "Yes",
            id: "dialogBtnYes",
            click: function () {
                $(this).dialog("close")
            }
        },
        {
            text: "No thanks",
            id: "dialogBtnNo",
            autofocus: true,
            click: function () {
                $(this).dialog("close")
            }
        }
    ]
});

我想知道还有多少其他未记录的选项可供我使用。我尝试过梳理 JavaScript 文件，但对于像我这样的 JavaScript 新手来说，这非常令人生畏。

梳理源代码是为了找出其他“隐藏”功能，还是不可行？如果这是要走的路，你有什么建议可以告诉我如何在我们的太阳变成红巨星之前完成这个任务吗？如果没有，您可能会推荐哪些其他方法来学习 jQuery UI（或任何 JavaScript 框架，就此而言）必须提供的功能？

4

1 回答 1

1

使用递归函数枚举库的所有方法和属性。例如：

function getUDFs()
    {
    var current;

     /* Use a local variable named current instead of a global variable */

    for(current in arguments[0])
      {
      getUDFs.id = arguments[1]  + " => ";

      /* If the property is not null or undefined */
      if (!!arguments[0][current] || arguments[0][current] === "")
        {
        /* If the constructor is a standard JavaScript type */
        if (/Function|String|Object/.test(String(arguments[0][current].constructor) ) )
          {
          /* Store in an array */
          if (getUDFs.hasOwnProperty("data") )
            {
            getUDFs.data.push(getUDFs.id + current)
            }
          else
            {
            getUDFs.data = []
            }
          }

        if (/Object|Function/.test(String(arguments[0][current].constructor) ) )
         {
         getUDFs(arguments[0][current], getUDFs.id + current)
         }
        }
      }  
     }

getUDFs($.ui,"jQueryUI");
console.log(getUDFs.data);
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.min.js"></script>

一旦 jQuery UI 对象成为 DOM 元素，就会添加和id属性。mousemove例如：

function getUDFs()
    {
    var current;

    for(current in arguments[0])
      {
      getUDFs.id = arguments[1]  + " => ";

      if (!!arguments[0][current] || arguments[0][current] === "")
        {
        if (/Function|String|Object/.test(String(arguments[0][current].constructor) ) )
          {
          if (getUDFs.hasOwnProperty("data") )
            {
            getUDFs.data.push(getUDFs.id + current)
            }
          else
            {
            getUDFs.data = []
            }
          }

        if (/Object|Function/.test(String(arguments[0][current].constructor) ) )
         {
         getUDFs(arguments[0][current], getUDFs.id + current)
         }
        }
      }  
     }

getUDFs(document.body,"document.body");
console.log(getUDFs.data);

参考

于 2016-11-03T17:07:03.703 回答