需要帮助制作插件功能

Question

我正在创建一个插件，用于在调整页面大小时将面包屑元素折叠到下拉列表中。

我可以在调整大小时隐藏项目。

我似乎只能在脚本停止工作之前添加回一个项目。

任何帮助或指导将不胜感激。

我感觉这就是问题所在：

 var $t = $itemsTextArray[$itemsTextArray.length - 1];

 var $c = "<li class='breadcrumb-item'><a href='#'>" + $t + "</a></li>"; 

 $this.find('.breadcrumb-item:nth-child(2)').after($c);

 $widthOfLastItemMoved = $this.find('.breadcrumb-item:nth-child(3)').text();

https://jsfiddle.net/chrischilcoat/xfn1rwue/

Answer 1

我真的很喜欢这个扩展的想法。话虽如此，此脚本中存在很多问题。我可以解释为什么您不再满足触发 makeBreadCrumb() 的条件，但即使该条件已修复，仍有更多问题无法与您的脚本一起正常工作。然而，这些是针对不同的问题。

内部 makeBreadCrumb() 更改：

$widthOfLastItemMoved = $this.find('.breadcrumb-item:nth-child(3)').text();

收件人：

$widthOfLastItemMoved = $this.find('.breadcrumb-item:nth-child(3)').width();

然后在 update() 内部更改：

if ($itemsMoved > 0) {

至

if ($itemsMoved >= 0) {

这应该会让您回到 makeBreadCrumb()，但同样还有其他问题需要解决。这些是不同的问题。

需要帮助制作插件功能

Need help making a plugin function

jquery

user-interface

jquery-plugins