个人中心
文章发布
退出
作者热门文章
- html - 出于某种原因，IE8 对我的 Sass 文件中继承的 html5 CSS 不友好？
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景？
28
4
我这里有一个简单的颜色选择器脚本，它使用 jquery 十六进制颜色选择器。我想将颜色选择器的十六进制值传递给 paintbrushjs 插件中的 data-tint-pb-colour 值。我花了最后一天时间尝试完成这项工作，但由于某种原因该值不会通过。
<head>
<script src="jquery-1.11.3.min.js"></script>
<script src="jquery-hex-colorpicker.js"></script>
<script src="common.js"></script>
<script src="paintbrush.js"></script>
</head>
<body>
<input type="text" id="color-picker1" placeholder="Click for Demo" />
<img src="/images/Layer2.png" class="filter-tint" data-pb-tint-opacity="0.5" data-pb-tint-colour="#F69023" id="image">
</body>
<script>
$('#color-picker1').on('input', function() {
var color= $("#color-picker1").val();
$("#color-picker1").val(color);
$('#image').attr('data-pb-tint-colour', color); });
jQuery("#color-picker1").hexColorPicker();
</script>
这是我这里的一个相当简单的 html/jquery 编码工作，令我困惑的是为什么它不起作用。
我首先注意到没有调用 paintbrush.js 插件和 common.js 插件，所以我认为这可以解决问题。一旦将它们作为脚本源放入，色调就起作用了，但当我在颜色选择器中选择一种新颜色时色调没有改变。
更新了 fiddle 。
Updated Fiddle #2我忘了包含 css 和外部 js 脚本。
最佳答案
如果你有内联 jQuery，你应该使用 jQuery 而不是 $。
<script>
function watchTextbox() {
var color= jQuery("#color-picker1").val();
jQuery('#image').attr('data-pb-tint-colour', color);
}
setInterval(watchTextbox, 100);
jQuery("#color-picker1").hexColorPicker();
</script>
关于javascript - 将动态颜色十六进制值传递给 PaintJS 插件的 data-pb-tint-colour，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/31636370/
28
4
0
只是想知道这些结构之间有什么区别(text、data、rodata、bss 等)在链接描述文件中: .data : { *(.data) } .data : { *(.data*) }
Data 定义为其核心功能之一 gfoldl : gfoldl :: (Data a) => (forall d b. Data d => c (d -> b) -> d -> c b)
以下之间有什么区别:data-sly-use、data-sly-resource、data-sly-include 和 数据-sly-模板？我正在阅读 Sightly AEM 上的文档，我非常困惑。
我有一个 Spring Boot、Spring Data JPA (hibernate) Web 应用程序，并且想引入文本搜索功能。 我理解以下内容 hibernate search 或 spring
我不知道我的代码有什么问题。我读了其他有同样问题的人的一些问题，但没有找到答案。当我尝试编译时出现以下错误: ||In function 'main':| |35|error: expected ex
我不太确定为什么会收到此错误或其含义。我的数据框称为“数据”。 library(dplyr) data %>% filter(Info==1, Male==1) %>% lm(CFL_
我一直在 GitHub 等更现代的网站上看到这些属性，它们似乎总是与自定义的弹出窗口一致，如 title 属性。 Option 1 Option 2 Option 3 Option 4 我在 HTML
如何用 iCloud Core Data 替换我现有的 Core Data？这是我的持久商店协调员: lazy var persistentStoreCoordinator: NSPersistent
我一直在 GitHub 等更现代的网站上看到这些属性，它们似乎总是与自定义的弹出窗口一致，如 title 属性。 Option 1 Option 2 Option 3 Option 4 我在 HTML
我正在通过 this project 在 Android 上摆弄 node.js ，我需要一种方法将 js 文件部署到私有(private)目录(以隐藏源代码，防止用户篡改)，该目录也物理存在于文件系
大家好我有点沮丧，所以我希望得到一些帮助。我的项目在 SwiftUI 中。我想使用图像选择器将图像保存到 Core Data。我实现了让 ImagePicker 工作，但我正在努力转换 Image -
我有以下数据和代码: mydf grp categ condition value 1 A X P 2 2 B X P 5
我一直在努力解决这个问题，但我根本找不到任何解决问题的方法。希望这里有人可以提供帮助。 我正在尝试为具有以下结构的某些数据创建个人选择矩阵: # A tibble: 2,152 x 32 a
我了解 Data.Map.Lazy 和 Data.Map.Strict 是不同的。但是，当您导入 Data.Map 时，您究竟导入了什么:严格的、惰性的还是两者的组合？ 最佳答案 懒人。看着docs
我正在开发一个 C 程序，用于从 BerkeleyDB DBTree 数据库中提取数据值与特定模式匹配的记录。我创建数据库，打开它，将键的 DBT 和数据的另一个 DBT 清零，将 DBT 标志设置为
所以我有以下成员(member)历史表 User_ID | Start date | End Date | Type(0-7) | ---------------------------
随着最近推出的包dataframe ，我认为是时候正确地对各种数据结构进行基准测试，并突出每种数据结构的优势。我不是每个人的不同优势的专家，所以我的问题是，我们应该如何对它们进行基准测试。 我尝试过的
我有来自 API 的数据，但无法将数组中的数据设置为 vue.js 中的 this.data这是来自 API 的数据(JSON) 你能告诉我这个语法吗 {"id":1613, "name_org":"
在 Vue.js到目前为止，我已经找到了两种定义数据的方法:data: {} 和 data() { return; }. data: { defaultLayout: 'default' }
我正在研究Spring Data Rest Services，并在自定义拦截器中遇到一些问题。之前我使用spring-data-rest-webmvc 2.2.0并以以下方式添加了拦截器。 publi
我是一名优秀的程序员,十分优秀！