小编Awa*_*mar的帖子

使用jQuery更新脚本标记的src - 使用jQuery重新加载脚本而不刷新页面

问题就是这一切.如何使用jQuery更新脚本标记的"src".比方说,我有一个脚本,

 <script id="somescript" type="text/javascript" src=""></script>
Run Code Online (Sandbox Code Playgroud)

所以当我点击一个按钮时,必须添加脚本的src.喜欢,

 <script id="somescript" type="text/javascript" src="linktoscript.js"></script>
Run Code Online (Sandbox Code Playgroud)

我正在使用这样的点击处理程序,使用以下代码.

$("#somescript").attr("src","linktoscript.js");
Run Code Online (Sandbox Code Playgroud)

它实际上更新了src,但是当我通过firebug检查它时,它告诉我刷新页面以使脚本正常工作.

研究:

经过一些研究,我发现jQuery的$ .get()会完成这项工作,是的,它会加载脚本.但它没有完成我的工作.

实际问题:

我正在尝试使用Ajax在成功提交表单时加载Google的转换代码.

以下是适用于Google转换代码的Ajax脚本部分.

                    if (res == "yes") {
                        $('#success').fadeIn().delay(5000).fadeOut();
                        $('#regform')[0].reset();
                        window.location.href = '#'; 
                        /* <![CDATA[ */
                        var google_conversion_id = xxxxxxxxx;
                        var google_conversion_language = "en";
                        var google_conversion_format = "2";
                        var google_conversion_color = "ffffff";
                        var google_conversion_label = "CiaXCOXjzlcQy__EyQM";
                        var google_remarketing_only = false;
                        /* ]]> */

 $.getScript("http://www.googleadservices.com/pagead/conversion.js");   
  }
Run Code Online (Sandbox Code Playgroud)

它加载转换脚本但是当我从firebug检查它时,转换变量的所有值都为null.所以我尝试将所有转换代码放入html文件,然后加载转换脚本,如,

 <script type="text/javascript">
  /* <![CDATA[ */
  var google_conversion_id = xxxxxxxxx;
  var google_conversion_language = "en";
  var google_conversion_format = "2";
  var …
Run Code Online (Sandbox Code Playgroud)

html javascript forms ajax jquery

9
推荐指数
1
解决办法
1890
查看次数

WordPress - 删除插件类中定义的操作

所以我有这个插件代码

class WC_List_Grid {

 public function __construct() {
   add_action( 'wp' , array( $this, 'setup_gridlist' ) , 20);
 }

 function setup_gridlist() {
  add_action( 'woocommerce_before_shop_loop', array( $this, 'gridlist_toggle_button' ), 30);
 }

 function gridlist_toggle_button() {?>
                <nav class="gridlist-toggle">
                    <a href="#" id="grid" title="<?php _e('Grid view', 'woocommerce-grid-list-toggle'); ?>"><span class="dashicons dashicons-grid-view"></span> <em><?php _e( 'Grid view', 'woocommerce-grid-list-toggle' ); ?></em></a>
                    <a href="#" id="list" title="<?php _e('List view', 'woocommerce-grid-list-toggle'); ?>"><span class="dashicons dashicons-exerpt-view"></span> <em><?php _e( 'List view', 'woocommerce-grid-list-toggle' ); ?></em></a>
                </nav>
 <?php }
}
Run Code Online (Sandbox Code Playgroud)

我想更改gridlist_toggle_button函数的内容.这就是我计划更改该功能的内容的方式.就像编写另一个函数一样,html与原始函数几乎相同,但是我的更改位.就像是

add_action('woocommerce_before_shop_loop','new_gridlist_toggle_button')
function new_gridlist_toggle_button() {?>
                <nav …
Run Code Online (Sandbox Code Playgroud)

php oop wordpress woocommerce

9
推荐指数
1
解决办法
4659
查看次数

禁用移动设备上的缩放以获得固定的视口大小

我想在移动设备上禁用缩放功能.我知道这段代码会起作用.

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
Run Code Online (Sandbox Code Playgroud)

但在我的情况下,我没有选择使用"width = device-width".我必须将视口大小设置为480px所以我使用以下代码

<meta name="viewport" content="width=480px, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
Run Code Online (Sandbox Code Playgroud)

但我可以在移动设备上放大页面,我可以将其缩小.

html css

5
推荐指数
1
解决办法
2万
查看次数

无法在我的Android设备上访问wamp服务器(localhost)

我正在开发一个响应式网站,我想在我的Android设备(手机,平板电脑)上查看它.我正在尝试使用我的IP(192.168.1.100)在移动浏览器的窗口中访问我的服务器.我尝试了各种方法,如 access-localhost-from-mobile-phone

我也按照建议编辑了我的apache配置文件,但没有任何效果.无论我做什么,我得到Forbidden,你没有权限访问/在这台服务器上.我正在运行apache 2.4

我也试过了

<Directory />
Options FollowSymLinks
AllowOverride All
Order allow,deny
Allow from all
</Directory>
Run Code Online (Sandbox Code Playgroud)

然后

<Directory />
Options FollowSymLinks
AllowOverride All
Require ip 255.255.255 (my subnet)
</Directory>
Run Code Online (Sandbox Code Playgroud)

然后

<Directory />
Options FollowSymLinks
AllowOverride All
Require ip 192.168.1.100(my IPv4)
</Directory>
Run Code Online (Sandbox Code Playgroud)

没有什么对我有用......

apache android wamp wampserver

4
推荐指数
1
解决办法
1万
查看次数

除了某些部分之外如何使整页变黑?

我试图产生一个效果,其中整个页面将是黑暗的,除了一个透明的特定部分.那部分将是一个随机移动的圆圈.现在这个圆圈在页面上的位置,圆圈下的内容将能够被看到,而整个剩余的页面将保持黑暗.

我在哪里?
我创建了一个脚本,它将在页面上随机移动圆圈,但我无法获得效果.不知道该怎么办.

请看下面的图片.它会让你更好地了解我想要实现的目标. 在此输入图像描述

现在考虑这个透明的圆圈在页面上随机移动(我已经为此制作了脚本).请看看这个小提琴.它会显示我的位置.谢谢..

html javascript css jquery

4
推荐指数
1
解决办法
461
查看次数

Prestashop Cache ...看不到任何更改

我在prestashop工作,我在header.tpl中做了一些修改.但我看不出变化.我试过以下方法..

1 - 按ctrl + f5进行刷新.

2 - 我尝试删除主题目录的缓存文件夹中的所有文件.

3 - 我在关闭缓存后尝试进行更改...

奇怪的是,如果我从我的主题文件夹中删除header.tpl文件,页面显示没有标题(确认效果).如果我从header.tpl中删除所有内容并在主题目录中上传空文件,我看不到更改.HEADER仍然显示一个空的header.tpl文件.我不知道该怎么办.请帮帮我...

caching prestashop

3
推荐指数
1
解决办法
2763
查看次数

找到第一个下一个元素,然后停止搜索

如何使用我的jQuery来选择特定元素之后的第一个元素(非直接)?我有这个清单.

<ul>
    <li>Item 1</li>
    <li>Item 2</li>
    <li class="tr current">Item 3</li>
    <li>Item 4</li>
    <li class="tr">Item 5</li>                                          
    <li>Item 6</li>            
    <li class="tr">Item 7</li>                        
    <li>Item 8</li>   
</ul>
Run Code Online (Sandbox Code Playgroud)

如何使用jQuery使用tr current(第3项)选择/操作第一个到来的tr(第5项)?我试过这个.

// This apply background color to the next immediate (Item 4) as its definition.
$('.tr.current').next().css('background-color', '#000');

// This apply to background color all next Items
$('.tr.current').nextAll().css('background-color', '#000');     

// This apply to background color all next Items with class tr (Item 5, Item 7)
$('.tr.current').next('.tr').css('background-color', '#000');       
Run Code Online (Sandbox Code Playgroud)

javascript jquery

3
推荐指数
1
解决办法
299
查看次数

在 beforeunload/unload 上发送 Ajax 调用

场景:我正在创建一个事件注册模块,用户可以在其中从日历中选择一个日期进行预订,填写一些输入字段并支付预订日期。其中一项要求是,每个日期只能进行一次预订。这出现了两个人想要在同一时间预订相同日期的情况。因此,我们需要向稍后来预订该日期的用户显示一条消息,表明该特定日期的预订已经在进行中。请稍后再回来查看

为此,每当用户选择日期时,我都会在我的数据库中创建一个临时条目。针对该条目,我可以向后来来的其他用户显示该消息。

从逻辑上讲,如果第一个用户,则必须删除该条目:

  1. 选择其他日期。
  2. 关闭他的浏览器或离开页面

以便它可供想要预订同一日期的第二个用户使用。

问题:一旦用户更改了他选择的日期,我就可以删除该条目。我无法实现第二个。我编写了一个函数,该函数将删除该行并在 onbeforeunload jQuery 事件上调用该函数。显然,该函数不适用于 jQuery。

window.onbeforeunload = function(){
  deleteTempEntry(); //This sends an ajax call to delete the entry. Not working.

  alert("The second alert"); // even this alert doesn't work.

  // I actually intend to use confirm box to make sure to not to delete the entry if the user does not leave the page.
  confirm("Your current progress will be removed. Are you sure?"); 

  //Calling this return function shows the warning …
Run Code Online (Sandbox Code Playgroud)

javascript php ajax jquery date

3
推荐指数
1
解决办法
8434
查看次数

在WordPress中从functions.php执行更新查询

我正在尝试使用 init 钩子从 function.php 执行更新查询。

这是我的代码

add_action('init', 'process_query');
function process_query(){
 $wpdb->query("UPDATE $table_name SET status='inactive' WHERE CURRENT_DATE NOT BETWEEN startdate AND enddate");
}
Run Code Online (Sandbox Code Playgroud)

现在,当我直接在 PHPmyadmin 的 SQL 部分运行该查询时,它可以正常工作。但如果我把它放到functions.php中,主题就会下降,我会得到一个空白网页。我已经检查了“更新”查询的 WordPress Codex 语法,但它需要数组。所以这样对我来说是行不通的。

php mysql wordpress

2
推荐指数
1
解决办法
2万
查看次数

jQuery:我们不能将jQuery(this)分配给变量吗?

我只是练习jQuery.如果这是一个奇怪的问题,请原谅我.

问题:我们可以分配jQuery(this)给变量吗?

说明:

我可以为变量分配各种jQuery选择器,然后我可以使用这些变量来调用不同的jQuery函数.

例如

    $filterSwitch = jQuery('.filter-switch');

    $filterSwitch.click(function(e) {
       alert("Filter Button Clicked"); // This works without any problem
    });
Run Code Online (Sandbox Code Playgroud)

另一方面,jQuery(this)在将其分配给变量之后,我似乎无法使用.

例如

    $filterSwitch = jQuery('.filter-switch');
    $current = jQuery(this);

    $filterSwitch.click(function(e) {
       $current.toggleClass("filter-on"); // This does not work
       jQuery(this).toggleClass("filter-on"); // This works
    });
Run Code Online (Sandbox Code Playgroud)

这是不允许的,还是有任何特定的方式分配jQuery(this)给变量?

javascript jquery

2
推荐指数
1
解决办法
707
查看次数

从body的所有子元素中删除属性

我正在使用bing的脚本.好吧,当我运行它时,它会为所有元素分配一个属性"lang"并改变我自己的样式.该脚本在线,所以我无法编辑它.我能做的是使用jquery从所有元素中删除该属性,因此不会发生样式更改.这是我搜索后到目前为止所尝试的内容.

$('body').children("*").removeAttr('lang');

$('body').find("*").removeAttr("lang");
Run Code Online (Sandbox Code Playgroud)

他们没有工作.有什么建议吗?

javascript jquery

1
推荐指数
1
解决办法
588
查看次数

jQuery/Javascript - 根据Child Divs中的数字排序父Div

假设我们有以下html div结构.

 <div class="article-container">

      <div class="article">
         <div class="article-child">views 9</div>
      </div>
      <div class="article">
         <div class="article-child">views 3</div>
      </div>
      <div class="article">
         <div class="article-child">views 5</div>
      </div>
      <div class="article">
         <div class="article-child">views 10</div>
      </div>
      <div class="article">
         <div class="article-child">views 1</div>
      </div>

 </div>
Run Code Online (Sandbox Code Playgroud)

使用jQuery,我怎样才能以其子值中的数字的升序/降序克隆/复制粘贴"article"div.所以我得到这样的结果.

 <div class="article-container">

      <div class="article">
         <div class="article-child">views 10</div>
      </div>
      <div class="article">
         <div class="article-child">views 9</div>
      </div>
      <div class="article">
         <div class="article-child">views 5</div>
      </div>
      <div class="article">
         <div class="article-child">views 3</div>
      </div>
      <div class="article">
         <div class="article-child">views 1</div>
      </div>

 </div>
Run Code Online (Sandbox Code Playgroud)

在我编码之前,我正在尝试为它准备算法.我知道如何编写jQuery和复制粘贴的东西,但我不知道如何实现这一点.

html javascript jquery

0
推荐指数
1
解决办法
813
查看次数

标签 统计

javascript ×7

jquery ×7

html ×4

php ×3

ajax ×2

css ×2

wordpress ×2

android ×1

apache ×1

caching ×1

date ×1

forms ×1

mysql ×1

oop ×1

prestashop ×1

wamp ×1

wampserver ×1

woocommerce ×1