($width) AND $width .= 'px';
        $style = " style=\"width: $width\"";
    }
    $value = $value ? $value : date('H:i');
    $s = "<input type=\"time\" name=\"$name\" id=\"$name\" class=\"form-control\" value=\"$value\" $style />";
    return $s;
}

// form_date('start', '2018-07-05') 为空则当前日期
function form_date($name, $value = 0, $width = FALSE)
{
    $style = '';
    if (FALSE !== $width) {
        is_numeric($width) AND $width .= 'px';
        $style = " style=\"width: $width\"";
    }
    $value = $value ? $value : date('Y-m-d');
    $s = "<input type=\"date\" name=\"$name\" id=\"$name\" class=\"form-control\" value=\"$value\" $style />";
    return $s;
}

/**用法
 *
 * echo form_radio_yes_no('radio1', 0);
 * echo form_checkbox('aaa', array('无', '有'), 0);
 *
 * echo form_radio_yes_no('aaa', 0);
 * echo form_radio('aaa', array('无', '有'), 0);
 * echo form_radio('aaa', array('a'=>'aaa', 'b'=>'bbb', 'c'=>'ccc', ), 'b');
 *
 * echo form_select('aaa', array('a'=>'aaa', 'b'=>'bbb', 'c'=>'ccc', ), 'a');
 */


?>�组保留的标签 余下为需要删除的标签
                unset($oldtag[$key]);
            }
        }
    }
    

    if (!empty($oldtag)) {
        $tagids = array();
        foreach ($oldtag as $tagid => $tagname) {
            $tagids[] = $tagid;
        }

        well_oldtag_delete($tagids, $tid);
    }

    $r = well_tag_process($tid, $fid, $create_tag, $tagarr);

    

    return $r;
}

// 删除标签和绑定的主题
function well_oldtag_delete($tagids, $tid)
{
    

    $pagesize = count($tagids);
    $arrlist = well_tag_find_by_tagids($tagids, 1, $pagesize);

    

    $delete_tagids = array(); // 删除
    $tagids = array();
    $n = 0;
    foreach ($arrlist as $val) {
        ++$n;
        
        if (1 == $val['count']) {
            // 只有一个主题
            $delete_tagids[] = $val['tagid'];
            
        } else {
            $tagids[] = $val['tagid'];
        }
        
    }

    

    !empty($delete_tagids) and well_tag_delete($delete_tagids);

    $arlist = well_tag_thread_find_by_tid($tid, 1, $n);
    if ($arlist) {
        $ids = array();
        foreach ($arlist as $val) $ids[] = $val['id'];

        well_tag_thread_delete($ids);
    }

    !empty($tagids) and well_tag_update($tagids, array('count-' => 1));

    
}

// 标签数据处理 $arr=新提交的数组 $tagarr=保留的旧标签
function well_tag_process($tid, $fid, $new_tags = array(), $tagarr = array())
{
    if (empty($tid)) return '';

    

    // 新标签处理入库
    if ($new_tags) {

        

        $threadarr = array();
        $tagids = array();
        $i = 0;
        $size = 5;
        $n = count($tagarr);
        $n = $n > $size ? $size : $size - $n;

        

        foreach ($new_tags as $name) {
            ++$i;
            $name = trim($name);
            $name = stripslashes($name);
            $name = strip_tags($name);
            $name = str_replace(array('&nbsp;', '#', "@", "$", "%", "^", '&', '·', '<', '>', '；', '`', '~', '!', '￥', '……', ';', '?', '？', '-', '—', '_', '=', '+', '.', '{', '}', '|', ':', '：', '、', '/', '。', '[', ']', '【', '】', '‘', '	', '    ', '  ', '   ', '    '), '', $name);
            $name = htmlspecialchars($name, ENT_QUOTES);
            if ($name && $i <= $n) {
                
                // 查询标签
                $read = well_tag_read_name($name);
                
                if ($read) {
                    // 存在 count+1
                    $tagids[] = $read['tagid'];
                    
                } else {
                    // 入库
                    $arr = array('name' => $name, 'count' => 1);
                    
                    $tagid = well_tag_create($arr);
                    FALSE === $tagid and message(-1, lang('create_failed'));
                    $read = array('tagid' => $tagid, 'name' => $name);
                    
                }

                $tag_thread = array('tagid' => $read['tagid'], 'tid' => $tid);

                

                $threadarr[] = $tag_thread;

                

                $tagarr[$read['tagid']] = $read['name'];
            }
        }

        

        !empty($threadarr) and tag_thread_big_insert($threadarr);

        !empty($tagids) and well_tag_update($tagids, array('count+' => 1));
    }

    

    $json = empty($tagarr) ? '' : xn_json_encode($tagarr);

    

    return $json;
}




?>return $r;
}

/**
 * @param int $page 页数
 * @param int $pagesize 每页显示数量
 * @return mixed
 */
function link_find($page = 1, $pagesize = 100)
{
    
    $arr = link__find($cond = array(), array('rank' => -1), $page, $pagesize);
    
    return $arr;
}

/**
 * @param $id
 * @return bool 返回FALSE失败 TRUE成功
 */
function link_delete($id)
{
    if (empty($id)) return FALSE;
    
    $r = link__delete(array('id' => $id));
    link_delete_cache();
    
    return $r;
}

//--------------------------kv + cache--------------------------
/**
 * @return mixed 返回全部友情链接
 */
function link_get($page = 1, $pagesize = 100)
{
    $g_link = website_get('friends_link');
    if (empty($g_link)) {
        $g_link = link_find($page, $pagesize);
        $g_link AND website_set('friends_link', $g_link);
    }
    return $g_link;
}

// delete kv and cache
function link_delete_cache()
{
    website_set('friends_link', '');
    return TRUE;
}




?>   $v = implode(",", $v);
        $temp[] = $v;
    }
    // 去掉重复的字符串,也就是重复的一维数组
    $temp = array_unique($temp);
    // 再将拆开的数组重新组装
    $output = array();
    foreach ($temp as $k => $v) {
        if ($stkeep) $k = $starr[$k];
        if ($ndformat) {
            $temparr = explode(",", $v);
            foreach ($temparr as $ndkey => $ndval) $output[$k][$ndarr[$ndkey]] = $ndval;
        } else $output[$k] = explode(",", $v);
    }
    return $output;
}

// 合并二维数组 如重复 值以第一个数组值为准
function array2_merge($array1, $array2, $key = '')
{
    if (empty($array1) || empty($array2)) return NULL;
    $arr = array();
    foreach ($array1 as $k => $v) {
        isset($v[$key]) ? $arr[$v[$key]] = array_merge($v, $array2[$k]) : $arr[] = array_merge($v, $array2[$k]);
    }
    return $arr;
}

/*
 * 对二维数组排序 两个数组必须有一个相同的键值
 * $array1 需要排序数组
 * $array2 按照该数组key排序
 * */
function array2_sort_key($array1, $array2, $key = '')
{
    if (empty($array1) || empty($array2)) return NULL;
    $arr = array();
    foreach ($array2 as $k => $v) {
        if (isset($v[$key]) && $v[$key] == $array1[$v[$key]][$key]) {
            $arr[$v[$key]] = $array1[$v[$key]];
        } else {
            $arr[] = $v;
        }
    }

    return $arr;
}




?><!DOCTYPE html><html lang="zh-cn"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1" /><meta http-equiv="Cache-Control" content="no-transform" /><meta http-equiv="Cache-Control" content="no-siteapp" /><meta name="viewport" content="width=device-width,minimum-scale=1,maximum-scale=1,initial-scale=1,maximum-scale=1" /><meta name="referrer" content="origin-when-cross-origin"><meta name="applicable-device" content="pc,mobile" /><meta name="MobileOptimized" content="width" /><meta name="HandheldFriendly" content="true" /><meta name="renderer" content="webkit" /><meta name="keywords" content="javascript - jquery, position &amp;#39;close icon&amp;#39; div i" /><meta name="description" content="javascript - jquery, position &amp;#39;close icon&amp;#39; div in the top right of a large image - Stack Overflow" /><title>javascript - jquery, position &amp;#39;close icon&amp;#39; div in the top right of a large image - Stack Overflow-软件玩家 - 软件改变生活！
    </title><link rel="shortcut icon" href="/view/img/favicon.ico" /><link rel="icon" sizes="32x32" href="/view/img/favicon.ico"><link rel="Bookmark" href="/view/img/favicon.ico" /><link rel="stylesheet" href="/view/template/quzhiwa/css/style.css?2.3.0"><script src="/view/template/quzhiwa/js/jquery-2.2.4.min.js?2.3.0" type="text/javascript"></script></head><body><div class="box-wrap"><div class="header"><div class="logo-wrap"><a href="/" title="编程频道|软件玩家 - 软件改变生活！" class="logo-img-wrap"><img src="/view/template/quzhiwa/img/logo.png" alt="编程频道|软件玩家 - 软件改变生活！" class="logo" /><h2>编程频道|软件玩家 - 软件改变生活！</h2></a><div class="sub-title">软件玩家提供编程技术学习平台。欢迎大家踊跃投稿！</div></div><div class="menu-header-container"><ul class="menu"><li class="navbar-item" data-active="fid-0"><a href="/" title="首页"><i class="mico-home"></i>首页</a></li><li class="navbar-item" data-active="fid-1"><a href="/biancheng" title="编程"><i class="mico-tuwen"></i>编程</a></li><li class="navbar-item" data-active="fid-4"><a href="/web" title="IT技术"><i class="mico-tuwen"></i>IT技术</a></li><li class="navbar-item" data-active="fid-5"><a href="/shuma" title="数码大全"><i class="mico-tuwen"></i>数码大全</a></li><li class="navbar-item"><a href="/my" title="会员"><i class="mico-gengduo"></i>会员
</a></li></ul></div><div class="wx-code"><i class="mcico mico-erweima"></i>扫一扫
<img src="/view/template/quzhiwa/img/wx.png" alt="扫一扫" class="wx-code-img" /></div></div>
<div class="betaflare-com main"><div class="betaflare-com top-bar"><div class="betaflare-com crumbs"><a href="/">首页</a><a href="/web">IT技术</a><span>正文内容</span></div><form method="post" class="search-form" action="/operate/search.html" ><button class="mcico mico-search" type="submit"></button><input type="text" class="search-input" name="keyword" placeholder="关键词" /><input type="hidden" name="range" value="1"></form></div><div class="betaflare-com post-wrap"><div class="betaflare-com post-header"><h1 class="post-title">javascript - jquery, position &amp;#39;close icon&amp;#39; div in the top right of a large image - Stack Overflow</h1><div class="betaflare-com post-meta"><ul class="post-categories"><li><a href="/web">IT技术</a></li></ul><span>更新时间：2025-04-24</span><span><i class="mcico mico-huo"></i>44</span><div class="betaflare-com tag-wrap post-header-tags"></div></div></div><div class="betaflare-com post-content"><blockquote style="padding: 0px; margin: 0;" class="author_bq"><a href="/user/1.html" title="admin"><div class="betaflare-com video_docimg"><img src="/upload/avatar/000/1.png?1696565124"></div><div class="betaflare-com video_docinfo"><div><span>admin</span><span class="professional">管理员组</span></div><p class="video_hospital">文章数量:1516870</p></div></a></blockquote><p>My webpage has a large image (a map).  I want to position, at the top right of the image, a small icon that is for closing the map.</p>

<p>How can I figure out the position and place the image appropriately?</p>

<p>The image has a fixed width of 900 x 600.</p>

<p>I have jquery on the page if that helps.</p>

<p>I tried using $("#map").position and I have the top and left, but not sure how to position to the top right.</p>
    
                
<p>My webpage has a large image (a map).  I want to position, at the top right of the image, a small icon that is for closing the map.</p>

<p>How can I figure out the position and place the image appropriately?</p>

<p>The image has a fixed width of 900 x 600.</p>

<p>I have jquery on the page if that helps.</p>

<p>I tried using $("#map").position and I have the top and left, but not sure how to position to the top right.</p>
    

        
            
                
                    
                    <ul class='ml0 list-ls-none js-post-tag-list-wrapper d-inline'><li class='d-inline mr4 js-post-tag-list-item'>javascript</li><li class='d-inline mr4 js-post-tag-list-item'>jquery</li><li class='d-inline mr4 js-post-tag-list-item'>css</li></ul>
                
            
        

    
        
            
                




    

        
            Share
        


                    
                        Improve this question
                    

                
                    <button type="button"
                            id="btnFollowPost-2905936" class="s-btn s-btn__link js-follow-post js-follow-question js-gps-track"
                            data-gps-track="post.click({ item: 14, priv: 0, post_type: 1 })"
                            data-controller="s-tooltip " data-s-tooltip-placement="bottom"
                            data-s-popover-placement="bottom" aria-controls=""
                            title="Follow this question to receive notifications">
                        Follow
                        <input type="hidden" id="voteFollowHash" value="69:3:31e,16:f7077f99c84d71b0,10:1745468782,16:aca2fa71d1851644,7:2905936,d19f436adc1cbf3194d6fd03af4502c3adabe27f355c2ab4b0dbed8af448f6c8" />
                    </button>
                






    
    

            

            
                
    
        
            asked <span title='2010-05-25 15:11:21Z' class='relativetime'>May 25, 2010 at 15:11</span>
        
        
    
    
        
    
    
        Blankman<span class="d-none" itemprop="name">Blankman</span>
        
            <span class="reputation-score" title="reputation score 267,710" dir="ltr">268k</span><span title="332 gold badges" aria-hidden="true"><span class="badge1"></span><span class="badgecount">332</span></span><span class="v-visible-sr">332 gold badges</span><span title="797 silver badges" aria-hidden="true"><span class="badge2"></span><span class="badgecount">797</span></span><span class="v-visible-sr">797 silver badges</span><span title="1.2k bronze badges" aria-hidden="true"><span class="badge3"></span><span class="badgecount">1.2k</span></span><span class="v-visible-sr">1.2k bronze badges</span>
        
    



            
        
    
    





            

<span class="d-none" itemprop="mentCount">0</span> 
    
        
            <ul class="ments-list js-ments-list"
                    data-remaining-ments-count="0"
                    data-canpost="false"
                    data-cansee="true"
                    data-ments-unavailable="false"
                    data-addlink-disabled="true">

            </ul>
	    

        
                        Add a ment
                    <span class="js-link-separator dno">&nbsp;|&nbsp;</span>
            
                 
    

    





    
		


                
                
                    
                    
                        
                            
                                <h2 class="mb0" data-answercount="2">
                                        2 Answers
                                    <span style="display:none;" itemprop="answerCount">2</span>
                                </h2>
                            
                            
                                


    
        <label class="flex--item fs-caption" for="answer-sort-dropdown-select-menu">
            Sorted by:
        </label>
        
            Reset to default
        
    
    
        
    



                            
                        
                            
                    


                                        


        
            
                

        
        <input type="hidden" id="voteUpHash" value="69:3:31e,16:bcab078773523046,10:1745468782,16:3917ee39037bb9a8,7:2905984,5da2bef8a8c7d19845a500c102c9161cd5a1e8d46785e32fdf3e59d54560cfbf" />
        
7        
        <button
                class="js-vote-down-btn flex--item mb8 s-btn s-btn__muted s-btn__outlined bar-pill bc-black-225 f:bc-theme-secondary-400 f:bg-theme-secondary-400 f:fc-black-050 h:bg-theme-primary-200"
				id=downvote-btn-2905984
                title="This answer is not useful"
                aria-pressed="false"
                aria-label="Down vote"
                data-selected-classes="fc-theme-primary bc-theme-primary bg-theme-primary-100"
                data-unselected-classes="bc-black-225 f:bc-theme-secondary-400 f:bg-theme-secondary-400 f:fc-black-050 h:bg-theme-primary-200">
            
        </button>
        <input type="hidden" id="voteDownHash" value="69:3:31e,16:7a1941218b317b67,10:1745468782,16:6ef74454fccc366a,7:2905984,7d9539b9b777cf32a1cfec735e9fcdb409a5bbb97ebe72c3d2c1cc5928d16f51" />


        








            
                
                    
                
            

    
    



            

            


    
    
<p>The easiest way would just to positon the close button absolutely with CSS instead of calculating the positon with JS. For example:</p>

<pre><code>&lt;div id="map" style="position: relative;"&gt;
  &lt;img src="yourmap.png"&gt;
  &lt;img src="close.png" style="position: absolute; top: 0; right: 0;"&gt;
&lt;/div&gt;
</code></pre>
    
    
<p>You could also take a look at the latest jQuery-UI bits. They have some facilities for positioning elements relative to other elements on the page.  Depending on what browsers your wanting to support this could be simpler than creating the browser-agnostic CSS. </p><p class="tag">
                本文标签：
                <a style="margin-right: 10px" href="/tag/271434.html" target="_blank">JavaScriptJQuery</a><a style="margin-right: 10px" href="/tag/1365884.html" target="_blank">position 39close icon39 div in the top right of a large imageStack Overflow</a></p><div class="betaflare-com copyright"><blockquote><p>
                        版权声明：本文标题：javascript - jquery, position &amp;#39;close icon&amp;#39; div in the top right of a large image - Stack Overflow 内容由网友自发贡献，该文观点仅代表作者本人，
                        转载请联系作者并注明出处：<a href="https://www.betaflare.com/web/1745468783a2659653.html">https://www.betaflare.com/web/1745468783a2659653.html</a>，
                        本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。
                    </p></blockquote></div></div><div class="betaflare-com block-wrap single-relative"><h2 class="block-title">更多相关文章</h2><div class="betaflare-com post-list"><div class="betaflare-com post-item"><a href="/web/1737033567a1960177.html" class="post-item-title" title="javascript - JQuery, how to find list of div&amp;#39;s with similar ID - Stack Overflow"><h3>javascript - JQuery, how to find list of div&amp;#39;s with similar ID - Stack Overflow</h3><div class="betaflare-com post-item-cover" style="display:inline-grid"><ul class="post-categories"><li><a href="/web" target="_blank">IT技术</a></li></ul></div></a><div class="betaflare-com post-item-footer"><div class="betaflare-com tag-wrap"></div><div class="betaflare-com post-item-meta">2025-1-16</div></div><p class="post-item-summary">I have a structure of html like this:&lt;div id=&quot;triger1&quot;&gt;some elements inside&lt;div&gt</p></div><div class="betaflare-com post-item"><a href="/web/1737168681a1965514.html" class="post-item-title" title="javascript - Jquery, hide &amp;amp; show list items after nth item - Stack Overflow"><h3>javascript - Jquery, hide &amp;amp; show list items after nth item - Stack Overflow</h3><div class="betaflare-com post-item-cover" style="display:inline-grid"><ul class="post-categories"><li><a href="/web" target="_blank">IT技术</a></li></ul></div></a><div class="betaflare-com post-item-footer"><div class="betaflare-com tag-wrap"></div><div class="betaflare-com post-item-meta">2025-1-18</div></div><p class="post-item-summary">Say I have an unordered list, like so: &lt;ul&gt;&lt;li&gt;One&lt;li&gt;&lt;li&gt;Two&lt;li&gt;&lt;li</p></div><div class="betaflare-com post-item"><a href="/web/1738310677a2074039.html" class="post-item-title" title="javascript - Jquery, Remove class when width screen is 1050px - Stack Overflow"><h3>javascript - Jquery, Remove class when width screen is 1050px - Stack Overflow</h3><div class="betaflare-com post-item-cover" style="display:inline-grid"><ul class="post-categories"><li><a href="/web" target="_blank">IT技术</a></li></ul></div></a><div class="betaflare-com post-item-footer"><div class="betaflare-com tag-wrap"></div><div class="betaflare-com post-item-meta">2025-1-31</div></div><p class="post-item-summary">This is the JS code i&#039;m using:$(&quot;document&quot;).ready(function($){var nav = $(&#039;#menu2&</p></div><div class="betaflare-com post-item"><a href="/web/1738363478a2081169.html" class="post-item-title" title="javascript - Jquery, how to know when input have a :invalid selector? - Stack Overflow"><h3>javascript - Jquery, how to know when input have a :invalid selector? - Stack Overflow</h3><div class="betaflare-com post-item-cover" style="display:inline-grid"><ul class="post-categories"><li><a href="/web" target="_blank">IT技术</a></li></ul></div></a><div class="betaflare-com post-item-footer"><div class="betaflare-com tag-wrap"></div><div class="betaflare-com post-item-meta">2025-2-1</div></div><p class="post-item-summary">I have this code:HTML&lt;input type=&quot;text&quot; data-value=&quot;1&quot; data-type=&quot;input-rec</p></div><div class="betaflare-com post-item"><a href="/web/1738386393a2084203.html" class="post-item-title" title="javascript - jQuery, AJAX, JSONP: how to actually send an array even if it&amp;#39;s empty? - Stack Overflow"><h3>javascript - jQuery, AJAX, JSONP: how to actually send an array even if it&amp;#39;s empty? - Stack Overflow</h3><div class="betaflare-com post-item-cover" style="display:inline-grid"><ul class="post-categories"><li><a href="/web" target="_blank">IT技术</a></li></ul></div></a><div class="betaflare-com post-item-footer"><div class="betaflare-com tag-wrap"></div><div class="betaflare-com post-item-meta">2025-2-1</div></div><p class="post-item-summary">I&#039;ve already read those questions but none of them answer to my need:Testing for an empty array ob</p></div><div class="betaflare-com post-item"><a href="/web/1739295204a2156873.html" class="post-item-title" title="javascript - Jquery, Convert Title to Slug - Stack Overflow"><h3>javascript - Jquery, Convert Title to Slug - Stack Overflow</h3><div class="betaflare-com post-item-cover" style="display:inline-grid"><ul class="post-categories"><li><a href="/web" target="_blank">IT技术</a></li></ul></div></a><div class="betaflare-com post-item-footer"><div class="betaflare-com tag-wrap"></div><div class="betaflare-com post-item-meta">2025-2-12</div></div><p class="post-item-summary">I have a PHP script that does the following: It takes a string, for example, &quot;This is a Great Blog</p></div><div class="betaflare-com post-item"><a href="/web/1740303928a2258115.html" class="post-item-title" title="JavascriptjQuery, if and else statements both being executed - Stack Overflow"><h3>JavascriptjQuery, if and else statements both being executed - Stack Overflow</h3><div class="betaflare-com post-item-cover" style="display:inline-grid"><ul class="post-categories"><li><a href="/web" target="_blank">IT技术</a></li></ul></div></a><div class="betaflare-com post-item-footer"><div class="betaflare-com tag-wrap"></div><div class="betaflare-com post-item-meta">2025-2-23</div></div><p class="post-item-summary">I&#039;m not too sure what&#039;s going on here and feel I may be missing something that is probably qu</p></div><div class="betaflare-com post-item"><a href="/web/1741173649a2352111.html" class="post-item-title" title="javascript - JQuery, Google Maps and $(&amp;#39;#myId&amp;#39;) == getElementById(&amp;quot;myId&amp;quot;) - Stack Overflow"><h3>javascript - JQuery, Google Maps and $(&amp;#39;#myId&amp;#39;) == getElementById(&amp;quot;myId&amp;quot;) - Stack Overflow</h3><div class="betaflare-com post-item-cover" style="display:inline-grid"><ul class="post-categories"><li><a href="/web" target="_blank">IT技术</a></li></ul></div></a><div class="betaflare-com post-item-footer"><div class="betaflare-com tag-wrap"></div><div class="betaflare-com post-item-meta">2025-3-5</div></div><p class="post-item-summary">Why this isn&#039;t true?$(&#039;#myId&#039;) == document.getElementById(&quot;myId&quot;)I&#039;m usin</p></div><div class="betaflare-com post-item"><a href="/web/1741392089a2376161.html" class="post-item-title" title="javascript - jQuery, how do I call a url by checking a checkbox - Stack Overflow"><h3>javascript - jQuery, how do I call a url by checking a checkbox - Stack Overflow</h3><div class="betaflare-com post-item-cover" style="display:inline-grid"><ul class="post-categories"><li><a href="/web" target="_blank">IT技术</a></li></ul></div></a><div class="betaflare-com post-item-footer"><div class="betaflare-com tag-wrap"></div><div class="betaflare-com post-item-meta">2025-3-8</div></div><p class="post-item-summary">I have this:&lt;span id=&quot;social&quot;&gt;Facebook:&lt;input id=&quot;id_connected_to_facebook&quot</p></div><div class="betaflare-com post-item"><a href="/web/1741602956a2387806.html" class="post-item-title" title="javascript - jQuery, CORS, JSON (without padding) and authentication issues - Stack Overflow"><h3>javascript - jQuery, CORS, JSON (without padding) and authentication issues - Stack Overflow</h3><div class="betaflare-com post-item-cover" style="display:inline-grid"><ul class="post-categories"><li><a href="/web" target="_blank">IT技术</a></li></ul></div></a><div class="betaflare-com post-item-footer"><div class="betaflare-com tag-wrap"></div><div class="betaflare-com post-item-meta">2025-3-10</div></div><p class="post-item-summary">I have two domains. I&#039;m trying to access a JSON object from one domain through a page on another.</p></div><div class="betaflare-com post-item"><a href="/web/1742078851a2419572.html" class="post-item-title" title="javascript - jQuery, ajax, display page inside of other page (like iframe) - Stack Overflow"><h3>javascript - jQuery, ajax, display page inside of other page (like iframe) - Stack Overflow</h3><div class="betaflare-com post-item-cover" style="display:inline-grid"><ul class="post-categories"><li><a href="/web" target="_blank">IT技术</a></li></ul></div></a><div class="betaflare-com post-item-footer"><div class="betaflare-com tag-wrap"></div><div class="betaflare-com post-item-meta">2025-3-16</div></div><p class="post-item-summary">I need to display a page inside of a page, like an iframe, but using jquery. The pages are not on the s</p></div><div class="betaflare-com post-item"><a href="/web/1742371161a2462266.html" class="post-item-title" title="javascript - jQuery, passing success data from AJAX to another function? - Stack Overflow"><h3>javascript - jQuery, passing success data from AJAX to another function? - Stack Overflow</h3><div class="betaflare-com post-item-cover" style="display:inline-grid"><ul class="post-categories"><li><a href="/web" target="_blank">IT技术</a></li></ul></div></a><div class="betaflare-com post-item-footer"><div class="betaflare-com tag-wrap"></div><div class="betaflare-com post-item-meta">2025-3-19</div></div><p class="post-item-summary">I&#039;m trying to get the success data from a jquery Ajax call so I can use it elsewhere but for some</p></div><div class="betaflare-com post-item"><a href="/web/1743635888a2513890.html" class="post-item-title" title="javascript - jQuery, Web Application Framework? - Stack Overflow"><h3>javascript - jQuery, Web Application Framework? - Stack Overflow</h3><div class="betaflare-com post-item-cover" style="display:inline-grid"><ul class="post-categories"><li><a href="/web" target="_blank">IT技术</a></li></ul></div></a><div class="betaflare-com post-item-footer"><div class="betaflare-com tag-wrap"></div><div class="betaflare-com post-item-meta">2025-4-3</div></div><p class="post-item-summary">For the longest time I&#039;ve used jQuery to hack together web sites. Now I&#039;m interested in makin</p></div><div class="betaflare-com post-item"><a href="/web/1743645648a2515461.html" class="post-item-title" title="javascript - Jquery, Disable Browser Shortcut keys - Stack Overflow"><h3>javascript - Jquery, Disable Browser Shortcut keys - Stack Overflow</h3><div class="betaflare-com post-item-cover" style="display:inline-grid"><ul class="post-categories"><li><a href="/web" target="_blank">IT技术</a></li></ul></div></a><div class="betaflare-com post-item-footer"><div class="betaflare-com tag-wrap"></div><div class="betaflare-com post-item-meta">2025-4-3</div></div><p class="post-item-summary">I am trying to block some of browser shortcut keys for my projects like If user press F1 key then it sh</p></div><div class="betaflare-com post-item"><a href="/web/1744505179a2609552.html" class="post-item-title" title="JavascriptJquery, disabling all double clicks anywhere within body of web page? - Stack Overflow"><h3>JavascriptJquery, disabling all double clicks anywhere within body of web page? - Stack Overflow</h3><div class="betaflare-com post-item-cover" style="display:inline-grid"><ul class="post-categories"><li><a href="/web" target="_blank">IT技术</a></li></ul></div></a><div class="betaflare-com post-item-footer"><div class="betaflare-com tag-wrap"></div><div class="betaflare-com post-item-meta">11月前</div></div><p class="post-item-summary">I already have a lot of AJAX code written for a web app and didn&#039;t take into account the problems</p></div><div class="betaflare-com post-item"><a href="/web/1744893271a2630911.html" class="post-item-title" title="javascript - Jquery, change caret class on click - Stack Overflow"><h3>javascript - Jquery, change caret class on click - Stack Overflow</h3><div class="betaflare-com post-item-cover" style="display:inline-grid"><ul class="post-categories"><li><a href="/web" target="_blank">IT技术</a></li></ul></div></a><div class="betaflare-com post-item-footer"><div class="betaflare-com tag-wrap"></div><div class="betaflare-com post-item-meta">11月前</div></div><p class="post-item-summary">I have this html code below with the caret class fa fa-caret-down. Now I want that if the user clicks o</p></div><div class="betaflare-com post-item"><a href="/web/1745042397a2639155.html" class="post-item-title" title="javascript - jQuery, change 5 items at a time - Stack Overflow"><h3>javascript - jQuery, change 5 items at a time - Stack Overflow</h3><div class="betaflare-com post-item-cover" style="display:inline-grid"><ul class="post-categories"><li><a href="/web" target="_blank">IT技术</a></li></ul></div></a><div class="betaflare-com post-item-footer"><div class="betaflare-com tag-wrap"></div><div class="betaflare-com post-item-meta">11月前</div></div><p class="post-item-summary">If I have markup like this:&lt;li class=&quot;supress hidden&quot;&gt;&lt;li&gt;&lt;li class=&quot;su</p></div><div class="betaflare-com post-item"><a href="/web/1745150243a2644887.html" class="post-item-title" title="javascript - jQuery, check to see if all radiobutton groups are selected - Stack Overflow"><h3>javascript - jQuery, check to see if all radiobutton groups are selected - Stack Overflow</h3><div class="betaflare-com post-item-cover" style="display:inline-grid"><ul class="post-categories"><li><a href="/web" target="_blank">IT技术</a></li></ul></div></a><div class="betaflare-com post-item-footer"><div class="betaflare-com tag-wrap"></div><div class="betaflare-com post-item-meta">11月前</div></div><p class="post-item-summary">I have several radiobuttongroups, and I need to run a script when they are checked.I use the following</p></div><div class="betaflare-com post-item"><a href="/web/1745395683a2656802.html" class="post-item-title" title="javascript - jquery, click to enlarge image, then click agian make it go back to previous width - Stack Overflow"><h3>javascript - jquery, click to enlarge image, then click agian make it go back to previous width - Stack Overflow</h3><div class="betaflare-com post-item-cover" style="display:inline-grid"><ul class="post-categories"><li><a href="/web" target="_blank">IT技术</a></li></ul></div></a><div class="betaflare-com post-item-footer"><div class="betaflare-com tag-wrap"></div><div class="betaflare-com post-item-meta">11月前</div></div><p class="post-item-summary">&lt;script src=&quot;.0.3jquery.min.js&quot;&gt;&lt;script&gt;&lt;img src=&quot;.thekitchenwhisperer</p></div><div class="betaflare-com post-item"><a href="/web/1745494633a2660753.html" class="post-item-title" title="javascript - jQuery, count number of dynamicly added &amp;lt;li&amp;gt; in &amp;lt;ul&amp;gt; - Stack Overflow"><h3>javascript - jQuery, count number of dynamicly added &amp;lt;li&amp;gt; in &amp;lt;ul&amp;gt; - Stack Overflow</h3><div class="betaflare-com post-item-cover" style="display:inline-grid"><ul class="post-categories"><li><a href="/web" target="_blank">IT技术</a></li></ul></div></a><div class="betaflare-com post-item-footer"><div class="betaflare-com tag-wrap"></div><div class="betaflare-com post-item-meta">11月前</div></div><p class="post-item-summary">I have a list of LI in a UL, they are all dynamically added via jQuery. I am trying to alert the number</p></div></div></div><div class="betaflare-com comments"><div class="betaflare-com postcomm block-wrap" id="divCommentPost"><h2 class="block-title">发表评论</h2><form id="saypl" target="_self" method="post" name="saypl" action="/comment/create/2659653.html?safe_token=feeFyQQmx8bt_2Fnz6ZpvGI15VbKEqa2pufU7e_2BpIgiQ7HJEgx6EHY1OoGC5mpZD6WcYl_2BYavaHVpDbC_2FCIT56pw_3D_3D"><input type="hidden" name="doctype" value="1" /><input type="hidden" name="quotepid" value="0" /><div class="betaflare-com comment-box comment-textarea"><textarea name="message" id="txaArticle" class="text" cols="50" rows="4" tabindex="5" placeholder="评论内容"></textarea></div><input name="sumbit" type="submit" tabindex="6" value="发表评论" class="sub"></form></div></div><div class="sn-comments"><div class="sn-comments__title">全部评论&nbsp;0</div><div class="sn-comments__body"><div class="sn-empty">暂无评论</div></div></div></div></div><div class="aside"><div class="block-wrap" id="side-top-dxt"><h2 class="block-title">推荐文章<i class="mcico mico-right"></i></h2><div class="mcdas"><a href="/biancheng/1772329243a3273616.html" title="Hunyuan-MT-7B对WMT25：从30大挑战中脱颖而出的秘密" class="photo-item" target="_blank" style="background:#364cc6"><div class="photo-item-inner"><h3 class="photo-item-title">Hunyuan-MT-7B对WMT25：从30大挑战中脱颖而出的秘密</h3></div></a><a href="/biancheng/1772431878a3274319.html" title="电脑提示无法读取U盘的Flash内容怎么办？解决之道！" class="photo-item" target="_blank" style="background:#364cc6"><div class="photo-item-inner"><h3 class="photo-item-title">电脑提示无法读取U盘的Flash内容怎么办？解决之道！</h3></div></a><a href="/web/1772501138a3275075.html" title="DIY电脑大挑战：构建高效能系统，让你游戏、工作两不误！" class="photo-item" target="_blank" style="background:#364cc6"><div class="photo-item-inner"><h3 class="photo-item-title">DIY电脑大挑战：构建高效能系统，让你游戏、工作两不误！</h3></div></a><a href="/biancheng/1773195307a3276736.html" title="Adobe Flash Player背后的小技巧：多层文件夹与临时文件的完美搭配" class="photo-item" target="_blank" style="background:#364cc6"><div class="photo-item-inner"><h3 class="photo-item-title">Adobe Flash Player背后的小技巧：多层文件夹与临时文件的完美搭配</h3></div></a><a href="/biancheng/1773232616a3277119.html" title="Android设备：简单几步，让你自如掌控屏幕亮度和色温" class="photo-item" target="_blank" style="background:#364cc6"><div class="photo-item-inner"><h3 class="photo-item-title">Android设备：简单几步，让你自如掌控屏幕亮度和色温</h3></div></a></div></div><div class="block-wrap" id="side-hot-view-item"><h2 class="block-title">热门文章<i class="mcico mico-right"></i></h2><ul><li class="mclas"><div class="list-content"><a title="小白也能学会：电脑定时关机小技巧，节能更贴心！" target="_blank" href="/biancheng/1772271441a3272976.html"><h3>小白也能学会：电脑定时关机小技巧，节能更贴心！</h3></a><span class="post-date">1月前</span></div></li><li class="mclas"><div class="list-content"><a title="AppStream元数据构建故障：内部错误提示" target="_blank" href="/web/1772324262a3273561.html"><h3>AppStream元数据构建故障：内部错误提示</h3></a><span class="post-date">1月前</span></div></li><li class="mclas"><div class="list-content"><a title="如何在Windows系统中快速还原删除的回收站图标？" target="_blank" href="/biancheng/1772359081a3273952.html"><h3>如何在Windows系统中快速还原删除的回收站图标？</h3></a><span class="post-date">1月前</span></div></li><li class="mclas"><div class="list-content"><a title="搞定3楼WiFi死角，打造全屋无缝连接" target="_blank" href="/biancheng/1772464857a3274689.html"><h3>搞定3楼WiFi死角，打造全屋无缝连接</h3></a><span class="post-date">1月前</span></div></li><li class="mclas"><div class="list-content"><a title="从新手到大神：Win7 X86+X64整合教程，玩转你的X86游戏世界！" target="_blank" href="/web/1772495755a3275014.html"><h3>从新手到大神：Win7 X86+X64整合教程，玩转你的X86游戏世界！</h3></a><span class="post-date">1月前</span></div></li><li class="mclas"><div class="list-content"><a title="彻底掌握YimMenu：GTA5中的超能工具，小白也能变大神" target="_blank" href="/web/1772592292a3275506.html"><h3>彻底掌握YimMenu：GTA5中的超能工具，小白也能变大神</h3></a><span class="post-date">1月前</span></div></li><li class="mclas"><div class="list-content"><a title="一键搞定：AutoJSPro带你制作爱奇艺支付界面" target="_blank" href="/biancheng/1772616011a3275771.html"><h3>一键搞定：AutoJSPro带你制作爱奇艺支付界面</h3></a><span class="post-date">1月前</span></div></li><li class="mclas"><div class="list-content"><a title="电脑老提醒证书错误？正确方法让你快速排除故障！" target="_blank" href="/biancheng/1773199324a3276781.html"><h3>电脑老提醒证书错误？正确方法让你快速排除故障！</h3></a><span class="post-date">24天前</span></div></li><li class="mclas"><div class="list-content"><a title="Flash中心大揭秘：启动命令大公开！" target="_blank" href="/web/1773227497a3277071.html"><h3>Flash中心大揭秘：启动命令大公开！</h3></a><span class="post-date">23天前</span></div></li><li class="mclas"><div class="list-content"><a title="Windows11新手指南：防止360篡改浏览器，轻松设置主页！" target="_blank" href="/web/1773292430a3277532.html"><h3>Windows11新手指南：防止360篡改浏览器，轻松设置主页！</h3></a><span class="post-date">22天前</span></div></li></ul></div><div class="block-wrap" id="side-new-view-item"><h2 class="block-title">最新文章<i class="mcico mico-right"></i></h2><ul><li class="mclas"><div class="list-content"><a title="金融建模中Excel与VBA的超级组合拳" target="_blank" href="/biancheng/1773325992a3277899.html"><h3>金融建模中Excel与VBA的超级组合拳</h3></a><span class="post-date">22天前</span></div></li><li class="mclas"><div class="list-content"><a title="现代计算的新篇章：把FEMCFD求解器封装为PyTorch或JAX函数" target="_blank" href="/biancheng/1773325915a3277898.html"><h3>现代计算的新篇章：把FEMCFD求解器封装为PyTorch或JAX函数</h3></a><span class="post-date">22天前</span></div></li><li class="mclas"><div class="list-content"><a title="突破视觉强化学习训练的‘视觉’障碍，MJX带来高效方案" target="_blank" href="/biancheng/1773325533a3277893.html"><h3>突破视觉强化学习训练的‘视觉’障碍，MJX带来高效方案</h3></a><span class="post-date">22天前</span></div></li><li class="mclas"><div class="list-content"><a title="Excel高手必备：TL431可调电压基准源的求解秘技" target="_blank" href="/biancheng/1773325457a3277892.html"><h3>Excel高手必备：TL431可调电压基准源的求解秘技</h3></a><span class="post-date">22天前</span></div></li><li class="mclas"><div class="list-content"><a title="高性能物理世界：MuJoCo XLA在Unity中的应用揭秘" target="_blank" href="/biancheng/1773325130a3277888.html"><h3>高性能物理世界：MuJoCo XLA在Unity中的应用揭秘</h3></a><span class="post-date">22天前</span></div></li><li class="mclas"><div class="list-content"><a title="Excel宏数量爆炸，开机慢如乌龟？轻松破解攻略！" target="_blank" href="/web/1773326145a3277901.html"><h3>Excel宏数量爆炸，开机慢如乌龟？轻松破解攻略！</h3></a><span class="post-date">22天前</span></div></li><li class="mclas"><div class="list-content"><a title="Open-AutoGLM性能瓶颈大揭秘：破解编译三大障碍" target="_blank" href="/web/1773326069a3277900.html"><h3>Open-AutoGLM性能瓶颈大揭秘：破解编译三大障碍</h3></a><span class="post-date">22天前</span></div></li><li class="mclas"><div class="list-content"><a title="MuJoCo高手之路：从入门到精通的进阶指南" target="_blank" href="/web/1773325839a3277897.html"><h3>MuJoCo高手之路：从入门到精通的进阶指南</h3></a><span class="post-date">22天前</span></div></li><li class="mclas"><div class="list-content"><a title="深度学习加速新纪元：张量引擎TBE与深度学习编译器，加速你的训练与推理" target="_blank" href="/web/1773325763a3277896.html"><h3>深度学习加速新纪元：张量引擎TBE与深度学习编译器，加速你的训练与推理</h3></a><span class="post-date">22天前</span></div></li><li class="mclas"><div class="list-content"><a title="MJX秘籍：5倍加速技巧，改写强化学习训练规则！" target="_blank" href="/web/1773325686a3277895.html"><h3>MJX秘籍：5倍加速技巧，改写强化学习训练规则！</h3></a><span class="post-date">22天前</span></div></li><li class="mclas"><div class="list-content"><a title="清华同方超锐L60P 龙芯 3A600032GB1TB集显麒麟统信永久版系统参数报价" target="_blank" href="/shuma/1765982541a3247126.html"><h3>清华同方超锐L60P 龙芯 3A600032GB1TB集显麒麟统信永久版系统参数报价</h3></a><span class="post-date">3月前</span></div></li><li class="mclas"><div class="list-content"><a title="清华同方超锐L60P 龙芯 3A600016GB512GB集显KOS麒麟系统试用版参数报价" target="_blank" href="/shuma/1765982516a3247125.html"><h3>清华同方超锐L60P 龙芯 3A600016GB512GB集显KOS麒麟系统试用版参数报价</h3></a><span class="post-date">3月前</span></div></li><li class="mclas"><div class="list-content"><a title="清华同方超锐L60P 龙芯 3A600032GB1TB集显麒麟统信永久版系统+WPS参数报价" target="_blank" href="/shuma/1765982491a3247124.html"><h3>清华同方超锐L60P 龙芯 3A600032GB1TB集显麒麟统信永久版系统+WPS参数报价</h3></a><span class="post-date">3月前</span></div></li><li class="mclas"><div class="list-content"><a title="清华同方超锐L60P 龙芯 3A600016GB512GB集显麒麟统信永久版系统参数报价" target="_blank" href="/shuma/1765982465a3247122.html"><h3>清华同方超锐L60P 龙芯 3A600016GB512GB集显麒麟统信永久版系统参数报价</h3></a><span class="post-date">3月前</span></div></li><li class="mclas"><div class="list-content"><a title="联想开天X1f G1d 飞腾D3000M16GB1TB集显国防版麒麟统信系统参数报价" target="_blank" href="/shuma/1765980678a3247055.html"><h3>联想开天X1f G1d 飞腾D3000M16GB1TB集显国防版麒麟统信系统参数报价</h3></a><span class="post-date">3月前</span></div></li></ul></div></div></div><div class="footer">
    CopyRight © 2022 All Rights Reserved.
    <br class="footer-br" /><a href="/" target="_blank">Powered By 编程频道|软件玩家 - 软件改变生活！</a>|
    
    <a target="_blank" rel="nofollow" href="https://beian.miit.gov.cn/" style="font-size: 12px;">豫ICP备2022026798号-10</a></div><script src="/api/md5.min.js"></script><script>
// ========== 配置项（仅需改这里！） ==========
const SECRET_KEY ="520sys_2026_abc123_xyz999"; // 改成你自己的随机秘钥（字母+数字+下划线，越复杂越好）
const EXPIRE_MINUTES = 10; // Cookie过期时间（10分钟，爬虫拿到也很快失效）

// ========== 生成动态Cookie的核心函数 ==========
function generateAntiSpiderCookies() {
    // 1. 基础参数（绑定时间+浏览器+设备，爬虫伪造成本高）
    const timestamp = Math.floor(Date.now() / 1000); // 当前时间戳（秒）
    const expireTime = timestamp + EXPIRE_MINUTES * 60; // 过期时间戳
    const userAgent = navigator.userAgent; // 浏览器UA（比如Chrome/Edge）
    const screenInfo = screen.width +"x" + screen.height; // 屏幕分辨率（比如1920x1080）

    // 2. 生成动态验证Cookie（爬虫不知道秘钥，根本伪造不了）
    const js_challenge = md5(timestamp + userAgent + screenInfo + SECRET_KEY);
    const hw_fp = screenInfo +"_" + timestamp; // 兼容你原来的hw_fp格式

    // 3. 设置Cookie（全站生效+过期时间+防跨域）
    const cookieOptions = `expires=${new Date(expireTime * 1000).toUTCString()}; path=/; SameSite=Lax`;
    // 如果你的网站是HTTPS，可加Secure参数（更安全）：
    // const cookieOptions = `expires=${new Date(expireTime * 1000).toUTCString()}; path=/; SameSite=Lax; Secure`;
    document.cookie = `js_challenge=${js_challenge}; ${cookieOptions}`;
    document.cookie = `hw_fp=${hw_fp}; ${cookieOptions}`;

    // 控制台日志（验证用，上线后可删除）
    console.log("[JS挑战] Cookie生成成功：");
    console.log("js_challenge:", js_challenge);
    console.log("hw_fp:", hw_fp);
    console.log("过期时间：", new Date(expireTime * 1000).toLocaleString());
}

// ========== 页面加载立即执行（优先生成Cookie，避免Nginx校验不到） ==========
if (document.readyState ==="loading") {
    document.addEventListener("DOMContentLoaded", generateAntiSpiderCookies);
} else {
    generateAntiSpiderCookies(); // 页面已加载则立即执行
}
</script>
<script src="/view/js/xiuno.js?2.3.0"></script><script src="/view/template/quzhiwa/js/custom.js?2.3.0"></script><script>
    $('.cat-tab-wrap li[data-active="fid-4"]').addClass('current-menu-item');
    $('.menu-header-container li[data-active="fid-4"]').addClass('current-menu-item');
</script></body></html><script>
var _hmt = _hmt || [];
(function() {
  var hm = document.createElement("script");
  hm.src ="https://hm.baidu.com/hm.js?460d98e02af2b8867cf682e7f67060db";
  var s = document.getElementsByTagName("script")[0]; 
  s.parentNode.insertBefore(hm, s);
})();
</script>