小编Mik*_*ike的帖子

jQuery .load()调用不会在加载的HTML文件中执行JavaScript

这似乎只是与Safari相关的问题.我在Mac上尝试了4次,在Windows上尝试了3次,但我仍然没有运气.

我正在尝试加载外部HTML文件并使嵌入的JavaScript执行.

我试图使用的代码是这样的:

$("#myBtn").click(function() {
    $("#myDiv").load("trackingCode.html");
});

Run Code Online (Sandbox Code Playgroud)

trackingCode.html 看起来像这样(现在很简单,但如果我开始工作,会扩展一次):

<html>
<head>
    <title>Tracking HTML File</title>
    <script language="javascript" type="text/javascript">
        alert("outside the jQuery ready");
        $(function() {
            alert("inside the jQuery ready");
        });
    </script>
</head>

<body>
</body>
</html>

Run Code Online (Sandbox Code Playgroud)

我在IE(6和7)和Firefox(2和3)中看到了两条警报消息.但是,我无法在Safari中看到这些消息(我需要关注的最后一个浏览器 - 项目要求 - 请不要进行火焰战争).

有关为什么Safari忽略trackingCode.html文件中的JavaScript的任何想法？

最后,我希望能够将JavaScript对象传递给此trackingCode.html文件,以便在jQuery ready调用中使用,但我希望确保在我走这条路之前在所有浏览器中都可以实现.

safari ajax jquery

Mik*_*ike

2017 07-23

81
推荐指数

5
解决办法

20万
查看次数

jQuery的.live('click',fn)和.click(fn)之间的性能差异

我喜欢jQuery 1.3中的新直播活动.我的问题是这次活动的表现.我知道使用直播点击/绑定('点击')的优点,但使用它而不是点击/绑定('点击')会有性能影响吗？

如果没有,为什么你会使用点击或绑定('点击')？

javascript jquery events

Mik*_*ike

lucky-day

16
推荐指数

1
解决办法

6717
查看次数

jquery fancybox - 防止在fancybox外面点击关闭

我正在为我的模态窗口使用Fancybox插件.似乎无论我使用什么选项,当用户点击fancybox模态窗口(灰色区域)外,我无法阻止fancybox模态窗口关闭.

有没有办法强制用户单击我触发关闭事件的X或按钮？这似乎应该很简单,所以我希望我只是读错了这些例子.

我已经尝试了,hideOnContentClick: false但这似乎对我不起作用.有任何想法吗？

javascript jquery modal-dialog fancybox

Mik*_*ike

2014 11-18

11
推荐指数

6
解决办法

5万
查看次数

jQuery .getJSON Firefox 3语法错误未定义

我在运行此代码时在Firefox 3中遇到语法错误(未定义的第1行test.js).警报正常工作(它显示'工作'),但我不知道为什么我收到语法错误.

jQuery代码:

$.getJSON("json/test.js", function(data) {
    alert(data[0].test);
});

Run Code Online (Sandbox Code Playgroud)

test.js:

[{"test": "work"}]

Run Code Online (Sandbox Code Playgroud)

有任何想法吗？我正在为更大的.js文件工作,但我已经缩小到这个代码.令人抓狂的是,如果我用远程路径替换本地文件,则没有语法错误(这是一个例子):

http://api.flickr.com/services/feeds/photos_public.gne?tags=cat&tagmode=any&format=json&jsoncallback=？

html javascript firefox jquery json

Mik*_*ike

2008 12-03

10
推荐指数

1
解决办法

2万
查看次数

Soundcloud Javascript SDK 2.0 - 流onfinish事件不会执行

我正在尝试将onfinish事件用于Soundcloud Javascript SDK Stream方法.我有以下代码正在工作,除了onfinish事件永远不会触发.任何想法都会非常有用.

var soundPlayer;
var smOptions = {
    useHTML5Audio: true,
    preferFlash: false,
    onfinish: function() {
        console.log('Finished playing');
    }
};

SC.initialize({
    client_id: "..."
});

SC.stream("/tracks/12345", smOptions, function(sound) {
    soundPlayer = sound;
});

Run Code Online (Sandbox Code Playgroud)

提前致谢!

更新:

由于onfinish不起作用,我在SC.stream()中返回的soundPlayer对象上使用了getState()方法.值得庆幸的是,当流完成时,有一个名为"已结束"的唯一状态.这是我实施的:

setInterval(function() {
    if (soundPlayer != null && soundPlayer.getState() == "ended") {
        soundPlayer.play();
    }
}, 250);

Run Code Online (Sandbox Code Playgroud)

我对此并不满意,但它给了我经验丰富的期望并满足要求.我真的希望有人可以帮助解释为什么记录的onfinish方法没有解雇.

有人有主意吗？

javascript soundcloud

Mik*_*ike

2015 07-01

5
推荐指数

1
解决办法

613
查看次数

jQuery Mobile和TouchSwipe jQuery插件错误

我正在尝试使用Skinkers Labs的TouchSwipe插件和jQuery Mobile在我正在创建的移动网站上使用响应式设计.

TouchSwipe:http://labs.skinkers.com/touchSwipe/

我遇到的情况是我可以通过移动设备上的普通页面使TouchSwipe插件正常工作,但是一旦我添加了jQuery Mobile js文件,TouchSwipe功能就不再起作用了.

这是我收到的JS错误(在jquery-1.7.1.js的第3256行):

TypeError:'undefined'不是函数(评估'(((jQuery.event.special [handleObj.origType] || {}).handle || handleObj.handler).apply(matched.elem,args)')

这是我在HTML中包含JavaScript的地方:

<script type="text/javascript" src="js/jquery-1.7.1.js"></script>
<script type="text/javascript" src="js/jquery.touchSwipe-1.2.5.min.js"></script>
<script type="text/javascript" src="js/main.js"></script>

<script type="text/javascript">
    $("#divCheckingWrapper").live("pagecreate", function(event) {
        var swipeOptions = {
            swipeStatus: swipeStatus,
            allowPageScroll: "vertical"
        };

        SWIPEABLE_NODES = $("#divCheckingSlider");
        SWIPEABLE_NODES.swipe(swipeOptions);

        CONTENT_WIDTH= SWIPEABLE_NODES.parent().width();
        MAX_NODES = SWIPEABLE_NODES.find("div.divCheckingSliders").length;
    });
</script>

<script type="text/javascript" src="js/jquery.mobile-1.1.0-rc.1.min.js"></script>

Run Code Online (Sandbox Code Playgroud)

main.js包含TouchSwipe站点的图像滑动示例代码中的所有辅助函数:

http://labs.skinkers.com/touchSwipe/demo/image_scroll.php

知道我为什么会看到这个错误吗？一旦我删除jQuery Mobile javascript文件,该插件工作正常但我需要jQuery Mobile用于此站点.

如果您愿意,我会很乐意发布更多代码.如果您有任何疑问或需要更多信息,请与我们联系.

在此先感谢您的帮助!

javascript jquery jquery-plugins jquery-mobile

Mik*_*ike

lucky-day

3
推荐指数

1
解决办法

7732
查看次数