javascript - Materialize CSS - 将数据传递给 sideNav

Question

我正在使用 materializeCss对于我的最新元素，我遇到了问题。

我使用 sideNav打开一个“模态”，其中有一个联系表。

此联系表应在多种场合使用，并且应根据用户点击的按钮预先填写不同的信息。

让我用一个例子来解释:

如果用户点击Send Message，那么表单输入标题应该是这样的

<input type='text' id='title' name='title' readonly value="General message">

如果用户点击按钮 Request Candy 那么这个输入应该是这样的

<input type='text' id='title' name='title' readonly value="I want candies!">

因为 sideNav 通过点击类型的元素打开

<a href="#" data-activates="slide-out" class="button-collapse"><i class="material-icons">menu</i></a>

我想对点击使用react

$(document).on('click', '.button-collapse', function() {
    console.log('got it!');
    $('#title').val('My custom message from data-* or something..');
})

但这不起作用，因为可能会实现劫持这些 a.button-collapse 上的点击事件。我什至没有得到控制台日志 明白了!。

有人知道将一些数据传递到新打开的 sideNav 的方法吗？

更新:

jsfiddle

Answer 1

<input>是一个“仅头部”标签 - 没有结束 </input>但是元素没有内容。

所以你的标记应该看起来像

<input type='text' id='title' name='title' value='General message' readonly></input>

更新:

更改为:

$('.button-collapse').on('click', function() {
    $('#title').val($(this).data('title'));
    console.log('I have been clicked');
  })

它会起作用的。似乎文档或框架正在消耗该事件，因此您无法在该级别处理它。