动态加载JWplayer(Loading JWplayer dynamically)
嗨,谢谢你们对此进行调查。
我有一个代码,我一直在努力将视频添加到我的网站。 所有视频均来自youtube。 用户点击提交后,会显示一个链接。 点击它时,用户可以预览视频。
一周前,我使用以下方法来实现这一目标:
$("#result").html('<a href="javascript:initPlayer(\'http://www.youtube.com/watch?v=kXhy7ZsiR50\')>Preview video</a><br>');
一切都很好。 但今天我正在尝试脚本,链接不再出现了。 如果我执行以下操作,链接可以正常工作:
<a href="javascript:initPlayer('http://www.youtube.com/watch?v=kXhy7ZsiR50')">Preview video</a>
在页面的某个地方。
我不知道为什么使用jQuery的调用不再起作用。 我在开发网站时工作得很好。 我在不同的浏览器上尝试过它,但结果却相同。
任何人都知道如何解决这个问题? 我开始拔头发了。 :)
提前致谢。
Hi and thanks for looking into this.
I have a code I've been working on to add videos to my site. All videos are from youtube. Once a user has clicked on submit, a link becomes visible. When clicking on it the user can preview the video.
One week ago I used the following to achieve this:
$("#result").html('<a href="javascript:initPlayer(\'http://www.youtube.com/watch?v=kXhy7ZsiR50\')>Preview video</a><br>');
Everything worked fine. But today I was trying the script and the link doesn't appear anymore. The link works however fine if I do something like:
<a href="javascript:initPlayer('http://www.youtube.com/watch?v=kXhy7ZsiR50')">Preview video</a>
Somewhere on the page.
I don't know why the call with jQuery doesn't work anymore. It worked fine when I was developing the website. I tried it on different browsers, but with the same result in the end.
Anyone any idea how to solve this? I'm starting to pull out my hair. :)
Thanks in advance.
原文:https://stackoverflow.com/questions/5681718
最满意答案
首先,有一个回归影响了这里的代码。 这个问题现在已经解决了。 Threepenny 0.6.0.3有一个临时修复,最终版本将包含在发布之后。
您提供的pastebin中的代码几乎是正确的。 唯一需要的改变是你不需要在按钮点击回调中使用接收
sink
- 在你的情况下,接收sink
应该在行为和文本区域的内容之间建立永久连接,行为值响应于按钮单击事件。为了完整起见,这是一个完整的解决方案:
{-# LANGUAGE RecursiveDo #-} module Main where import Control.Applicative import Control.Monad import Data.Maybe import qualified Graphics.UI.Threepenny as UI import Graphics.UI.Threepenny.Core main :: IO () main = startGUI defaultConfig setup setup :: Window -> UI () setup w = void $ mdo return w # set UI.title "Simple example" listBox <- UI.listBox (pure ["First", "Second"]) bSelected (pure $ UI.string) button <- UI.button # set UI.text "Button" display <- UI.textarea element listBox # set (attr "size") "10" getBody w #+ [element listBox, element button, element display] bSelected <- stepper Nothing $ rumors (UI.userSelection listBox) let eClick = UI.click button eValue = fromMaybe "No selection" <$> bSelected <@ eClick bValue <- stepper "Initial value" eValue element display # sink UI.text bValue
要带走的两件关键事项是:
listBox
的Behavior (Maybe a)
参数不仅设置初始选定值,而是确定应用程序整个生命周期中值的演变。 在这个例子中,facts $ UI.userSelection listBox
只是bSelected
,可以通过Widgets
模块的源代码验证。- 在事件发生时采样行为的典型方法是通过
(<@)
(或<@>
如果事件包含您希望使用的数据)。First of all, there was a regression which affected the code here. That issue is now solved. Threepenny 0.6.0.3 has a temporary fix, and the definitive one will be included in the release after that.
The code in the pastebin you provided is almost correct. The only needed change is that you don't need to use
sink
within the button click callback - in your case,sink
should establish a permanent connection between a behavior and the content of the text area, with the behavior value changing in response to the button click events.For the sake of completeness, here is a full solution:
{-# LANGUAGE RecursiveDo #-} module Main where import Control.Applicative import Control.Monad import Data.Maybe import qualified Graphics.UI.Threepenny as UI import Graphics.UI.Threepenny.Core main :: IO () main = startGUI defaultConfig setup setup :: Window -> UI () setup w = void $ mdo return w # set UI.title "Simple example" listBox <- UI.listBox (pure ["First", "Second"]) bSelected (pure $ UI.string) button <- UI.button # set UI.text "Button" display <- UI.textarea element listBox # set (attr "size") "10" getBody w #+ [element listBox, element button, element display] bSelected <- stepper Nothing $ rumors (UI.userSelection listBox) let eClick = UI.click button eValue = fromMaybe "No selection" <$> bSelected <@ eClick bValue <- stepper "Initial value" eValue element display # sink UI.text bValue
The two key things to take away are:
- The
Behavior (Maybe a)
argument tolistBox
does not set just the initial selected value, but determines the evolution of the value throughout the lifetime of the application. In this example,facts $ UI.userSelection listBox
is justbSelected
, as can be verified through the source code of theWidgets
module.- The typical way to sample a behavior on event occurrences is through
(<@)
(or<@>
if the event carries data you wish to make use of).
相关问答
更多-
在Access中的MultiSelect ListBox中限制选择的数量?(Limit number of selections in a MultiSelect ListBox in Access?)[2023-01-24]
试试这个。 它基本上取消选择最后一个项目,如果它超过预定义的限制: Private Sub ListBox1_Change() Dim counter As Integer Dim selectedCount As Integer selectedCount = 0 For counter = 1 To ListBox1.ListCount Step 1 If ListBox1.Selected(counter - 1) = True Then 'selected meth ... -
您可以在会话中存储任何内容,因此可以将其存储为string[]或List
: string[] selectedValues = this.LstRecipients.Items.Cast () .Where(i => i.Selected) .Select(i => i.Value) .ToArray(); Session["SelectedItemValues"] = selectedValues; /* on next postback yo ... -
是的,因为set总是覆盖字符串,所以最好先构建字符串,然后将其传递给set。 例 % Sample data rows=4; error=cell(1,5); for i=1:length(error) error{i}.main=rand(1,4); end % Build string str={}; for i=1:rows str{end+1}=sprintf('filt_%i',i); for j=1:length(error) str{end+1}=s ...
-
最简单的方法是禁用InArrayValidator: $cityElement->setRegisterInArrayValidator(false); 这意味着您现在可以执行以下操作: $('#country').change(function(val) { $('#city').load('/yourcontroller/getcities/?country=' + val); }); 然后您的操作可能如下所示: public function getcitiesAction() { ...
-
基于threepenny-gui中列表框选择的其他元素的更改(Changes in other elements based on listbox selections in threepenny-gui)[2024-04-04]
首先,有一个回归影响了这里的代码。 这个问题现在已经解决了。 Threepenny 0.6.0.3有一个临时修复,最终版本将包含在发布之后。 您提供的pastebin中的代码几乎是正确的。 唯一需要的改变是你不需要在按钮点击回调中使用接收sink - 在你的情况下,接收sink应该在行为和文本区域的内容之间建立永久连接,行为值响应于按钮单击事件。 为了完整起见,这是一个完整的解决方案: {-# LANGUAGE RecursiveDo #-} module Main where import Contro ... -
我知道了: on UI.drop field $ \dragData -> do d <- read dragData 也许它可以帮助别人;) I got it: on UI.drop field $ \dragData -> do d <- read dragData Maybe it helps someone else ;)
-
它应该是 : var indexOfString = $("#MyTextArea").val().indexOf(string); 因为$("#MyTextArea")是一个jQuery元素 It should be : var indexOfString = $("#MyTextArea").val().indexOf(string); Because $("#MyTextArea") is a jQuery element
-
由threepenny-gui提供的HTTP服务器将提供您在tpStatic指定的目录中的静态内容。 将您的文件放在该目录中,并使链接的路径相对于它,您将会很高兴! 从threepenny-gui-0.4.* ,还有两个函数loadFile和loadDirectory ,可用于在自动生成的URL上提供本地文件或目录。 如果tpStatic字段不够,这可能很有用。 The HTTP server provided by threepenny-gui will serve up static content f ...
-
尝试这个这是故意的: UI.checkedChange事件仅在用户单击复选框时触发,而不是在以编程方式设置时触发。 目的是bBool行为表示复选框的规范状态, UI.checkedChange事件表示用户更改它的请求,可能会或可能不会被授予。 这允许双向数据流 ( 另请参见 )。 诚然,Threepenny尚未严格遵循这些想法。 在您的情况下,我建议将UI.checkedChange事件集成到bBool行为中,以表示复选框的“规范”状态。 如果这不起作用,只需使用get UI.checked和Reactive.Th ...
相关文章
更多- android的listview里怎么动态加载啊 就是先下载20个 滑到20了 在加载20个
- Ext4 动态加载JS后肿么调试?
- springmvc freemarker 动态加载(不用重启tomcat立即生效)
- android的listview里怎么动态加载啊 就是先下载20个 滑到20了 在加载20个
- Solr安装异常:SolrException: Error loading class 'solr.VelocityResponseWriter'
- hibernate延迟加载
- 类加载方法
- MyBatis 动态 SQL详解
- hibernate 动态查询
- java类加载机制的过程
最新问答
更多- 您如何使用git diff文件,并将其应用于同一存储库的副本的本地分支?(How do you take a git diff file, and apply it to a local branch that is a copy of the same repository?)
- 将长浮点值剪切为2个小数点并复制到字符数组(Cut Long Float Value to 2 decimal points and copy to Character Array)
- OctoberCMS侧边栏不呈现(OctoberCMS Sidebar not rendering)
- 页面加载后对象是否有资格进行垃圾回收?(Are objects eligible for garbage collection after the page loads?)
- codeigniter中的语言不能按预期工作(language in codeigniter doesn' t work as expected)
- 在计算机拍照在哪里进入
- 使用cin.get()从c ++中的输入流中丢弃不需要的字符(Using cin.get() to discard unwanted characters from the input stream in c++)
- No for循环将在for循环中运行。(No for loop will run inside for loop. Testing for primes)
- 单页应用程序:页面重新加载(Single Page Application: page reload)
- 在循环中选择具有相似模式的列名称(Selecting Column Name With Similar Pattern in a Loop)
- System.StackOverflow错误(System.StackOverflow error)
- KnockoutJS未在嵌套模板上应用beforeRemove和afterAdd(KnockoutJS not applying beforeRemove and afterAdd on nested templates)
- 散列包括方法和/或嵌套属性(Hash include methods and/or nested attributes)
- android - 如何避免使用Samsung RFS文件系统延迟/冻结?(android - how to avoid lag/freezes with Samsung RFS filesystem?)
- TensorFlow:基于索引列表创建新张量(TensorFlow: Create a new tensor based on list of indices)
- 企业安全培训的各项内容
- 错误:RPC失败;(error: RPC failed; curl transfer closed with outstanding read data remaining)
- C#类名中允许哪些字符?(What characters are allowed in C# class name?)
- NumPy:将int64值存储在np.array中并使用dtype float64并将其转换回整数是否安全?(NumPy: Is it safe to store an int64 value in an np.array with dtype float64 and later convert it back to integer?)
- 注销后如何隐藏导航portlet?(How to hide navigation portlet after logout?)
- 将多个行和可变行移动到列(moving multiple and variable rows to columns)
- 提交表单时忽略基础href,而不使用Javascript(ignore base href when submitting form, without using Javascript)
- 对setOnInfoWindowClickListener的意图(Intent on setOnInfoWindowClickListener)
- Angular $资源不会改变方法(Angular $resource doesn't change method)
- 在Angular 5中不是一个函数(is not a function in Angular 5)
- 如何配置Composite C1以将.m和桌面作为同一站点提供服务(How to configure Composite C1 to serve .m and desktop as the same site)
- 不适用:悬停在悬停时:在元素之前[复制](Don't apply :hover when hovering on :before element [duplicate])
- 常见的python rpc和cli接口(Common python rpc and cli interface)
- Mysql DB单个字段匹配多个其他字段(Mysql DB single field matching to multiple other fields)
- 产品页面上的Magento Up出售对齐问题(Magento Up sell alignment issue on the products page)