物化下拉列表不适用于动态创建的卡片

Question

如果放置在客户端html文件中并使用jquery初始化，则materialize下拉示例可以正常工作：

$('.dropdown-button').dropdown({
      inDuration: 300,
      outDuration: 225,
      constrain_width: false, // Does not change width of dropdown to that of the activator
      hover: true, // Activate on hover
      gutter: 0, // Spacing from edge
      belowOrigin: false, // Displays dropdown below the button
      alignment: 'left' // Displays dropdown with edge aligned to the left of button
    }
  );

当使用angularjs放置在动态创建的卡内的物化卡内时，它无法正常工作。下拉按钮在那里，但它不起作用。

jquery版本是来自最新文件版本的jquery.min.js，可能是问题，但不知道将其修改为什么。

Answer 1

您可能希望初始化循环中的下拉列表。 我正在使用jquery，我把它放在

中

$.each(data,function(key,val){
 //dropdown initialize
 $('.dropdown-button').dropdown({
      inDuration: 300,
      outDuration: 225,
      constrain_width: false, 
      hover: true, // Activate on hover
      gutter: 0, // Spacing from edge
      belowOrigin: false, // Displays dropdown below the button
      alignment: 'left' 
    });
});